@foreach($msgData as $key => $message)
<div class="mainMessage singleMessageClass {{($key >= 3) ? 'hideMessage' : ''}}" id="singleMessageClassMainBox{{$message['id']}}">
    <div class="row d-flex">
        <div class="col-sm-12 col-md-2">
            <div class="post-type-selector-image profile-image">
                <a target="_blank" href="{{getMURL('view-profile/' .$message['user']['id'])}}">
                    <img src="{{ getImage($message['user']['image']) ?? asset('assets/media/extra/neutron-star.png') }}" class="img-fluid">
                </a>
            </div>
        </div>
        <div class="col-sm-12 col-md-10">
            <div class="d-flex justify-content-between align-items-center height-20">
                <label class="m-0 userNameClass"><a target="_blank" style="color: #282c33;" href="{{getMURL('view-profile/' .$message['user']['id'])}}">{{$message['user']['full_name'] ?? ''}}</a>, {{$message['user']['research_name'] ?? ''}}</label>
                <button type="button" class="edit likeMessage" data-id="{{$message['id']}}" data-post-id="{{$wlp['id']}}" data-action="{{($message['user_count'] != 0) ? 'Unlike' : 'Like'}}"><i class="{{($message['user_count'] != 0) ? 'fa' : 'far'}} fa-thumbs-up"></i></button>
            </div>
            <p class="m-0 height-20 messageClass">{{$message['message']}}</p>
            <div class="d-flex height-20 comment-history">
                <button type="button" class="edit timeStampClass"><span class="date sub-text">{{timeAgoString($message['created_at'])}}</span></button>
                <button type="button" class="edit likeCountClass"><span class="like sub-text">{{$message['likes_count']}} like</span></button>
                <button type="button" class="edit replyClass" data-id="{{$message['id']}}"><span class="reply sub-text">Reply</span></button>
            </div>
        </div>
    </div>
    @foreach($message['reply'] as $reply)
    <div class="row d-flex singleMessageClass reply">
        <div class="col-sm-12 col-md-2">
            <div class="post-type-selector-image profile-image">
                <a target="_blank" href="{{getMURL('view-profile/' .$reply['user']['id'])}}">
                    <img src="{{ getImage($reply['user']['image']) ?? asset('assets/media/extra/neutron-star.png') }}" class="img-fluid">
                </a>
            </div>
        </div>
        <div class="col-sm-12 col-md-10">
            <div class="d-flex justify-content-between align-items-center height-20">
                <label class="m-0 userNameClass"><a target="_blank" style="color: #282c33;" href="{{getMURL('view-profile/' .$reply['user']['id'])}}">{{$reply['user']['full_name'] ?? ''}}</a>, {{$reply['user']['research_name'] ?? ''}}</label>
                <button type="button" class="edit likeMessage" data-id="{{$reply['id']}}" data-post-id="{{$wlp['id']}}" data-action="{{($reply['user_count'] != 0) ? 'Unlike' : 'Like'}}"><i class="{{($reply['user_count'] != 0) ? 'fa' : 'far'}} fa-thumbs-up"></i></button>
            </div>
            <p class="m-0 height-20 messageClass">{{$reply['message']}}</p>
            <div class="d-flex height-20 comment-history">
                <button type="button" class="edit timeStampClass"><span class="date sub-text">{{timeAgoString($reply['created_at'])}}</span></button>
                <button type="button" class="edit likeCountClass"><span class="like sub-text">{{$reply['likes_count']}} like</span></button>
            </div>
        </div>
    </div>
    @endforeach
</div>
@endforeach