@if($chats->count() > 0)
    <div class="message-grid">
        <div class="msg-grid-1 ">
            <div class="msg_search mb-30">
                <input class="chat-search-input" type="search" placeholder=" " name="" id="">
                <label class="chat-label" for="">search message</label>
                <span class="material-icons-sharp chat-search">search</span>
            </div>
            @foreach($chats as $chat)
                <div class="message">
                    <img
                        src="{{ auth()->user()->present()->avatar ? auth()->user()->present()->avatar  : url('assets/img/profile.png') }}"
                        alt=""/>
                    <div class="mgg">
                        <a href="{{route("mentor.chat",$chat->withUser->id)}}">
                            <h5>{{$chat->withUser->getFullName()}}</h5>
                        </a>
                        <p class="otherP">
                            @php
                                $lastMessageIndex = $chat->messages->count();
                                if($lastMessageIndex==0){
                                    $message = null;
                                }else{
                                    $message = $chat->messages[$lastMessageIndex-1];
                                }
                            @endphp
                            @if(!is_null($message))
                                {{str()->limit($message->message,46,)}}
                            @else
                                Click the mentor or mentee to have a chat,happy connecting...
                            @endif
                        </p>
                    </div>
                    <div class="mg-num">
                        @if(!is_null($message))
                            <p>{{$message->created_at->diffForHumans()}}</p>
                        @endif
                        {{--                <span>2</span>--}}
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@else
    <div class="insight-placeholder">
        <p>You haven't had any conversations yet</p>
    </div>
@endif