@if($message->type == "Message")
<div class="mainMessage singleMessageClass" 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 ?? ''}}, {{$message->user->research_name ?? ''}}</a></label>
                <button type="button" class="edit likeMessage" data-id="{{$message->id}}" data-post-id="{{$message->post_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>
</div>
@else
<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/' . $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 ?? ''}}, {{$message->user->research_name ?? ''}}</a></label>
            <button type="button" class="edit likeMessage" data-id="{{$message->id}}" data-post-id="{{$message->post_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>
        </div>
    </div>
</div>
@endif