@if($conversation && count($messages)>0)
    @foreach($messages as $message)
        @if($message->sender_id == Auth::id())
        <li class="inbox-chat-item my-chat" id="message{{$message->id}}">
            <div class="inbox-chat-content">
                @if($message->deleted_from_sender == 0)
                <div class="inbox-chat-text">
                    @if($message->image)
                        <div class="galleryBox">
                            @foreach(json_decode($message->image) as $image)
                            <a data-fancybox="gallery" class="conversation-gallery" href="{{asset('upload/messages/'.$image)}}" class="image-popup-no-margins"> {{ imageDocsCheck($image) }}  </a>
                            @endforeach
                        </div>
                        @endif
                    @if($message->message)
                    <p>{!! $message->message !!}</p> @endif
                    <div class="inbox-chat-action">
                        <a href="javascript:void(0)" title="Remove" onclick= "removeMessage({{$message->id}})" class="fa bi-trash"></a>
                    </div>
                </div>
                <small class="inbox-chat-time">{{Carbon\Carbon::parse($message->created_at)->format("d M h:i A")}}</small>
                @endif
            </div>
        </li>
        @else
        <li class="inbox-chat-item" id="message{{$message->id}}">
            <div class="inbox-chat-content">
                @if($message->deleted_from_receiver == 0)
                <div class="inbox-chat-text">
                    @if($message->image)
                    <div class="galleryBox">
                        @foreach(json_decode($message->image) as $image)
                        <a data-fancybox="gallery" class="conversation-gallery" href="{{asset('upload/messages/'.$image)}}" class="image-popup-no-margins"> {{ imageDocsCheck($image) }} </a>
                        @endforeach
                    </div>
                    @endif
                    @if($message->message)
                    <p>{!! $message->message !!}</p> @endif
                    <div class="inbox-chat-action">
                        <a href="javascript:void(0)" title="Remove" onclick= "removeMessage({{$message->id}})" class="fa bi-trash"></a>
                    </div>
                </div>
                <small class="inbox-chat-time">{{Carbon\Carbon::parse($message->created_at)->format("d M h:i A")}}</small>
                @endif
            </div>
        </li>
        @endif
    @endforeach
    <input type="hidden" class="last_id" value="{{$messages[0]->id}}">
@endif