@foreach (\Arr::sortRecursive($messages->items()) as $message)
@if ($message->created_at->format("Y-m-d") != $format )
    @php
        $format= $message->created_at->format("Y-m-d");
    @endphp
  <div class="divider">
      <div class="divider-text">{{ $format }}</div>
  </div>
@endif

@if ($message->sender_id != $client->id)
    <div class="chat chat-left">

    @if ($last_message_sender != $message->sender_id || $message->created_at->format("Y-m-d") != $format)
        <div class="chat-avatar">
            <a class="avatar m-0" data-toggle="tooltip" href="#" data-placement="right" title="" data-original-title="">
                <img src="{{ $message->sender->avatar }}" alt="avatar" height="40" width="40" />
            </a>
        </div>
        <div class="chat-body">
            @if ($message->message_type == 'image')
            <div class="chat-content-media">
                <a href="{{ $message->message }}" data-fancybox="gallery">
                    <img src="{{ $message->message }}" class="img-thumbnail chat-image" alt="">
                </a>
            </div>
            @elseif ($message->message_type == 'sound')
            <div class="chat-content-media">
                <audio id="plyr-audio-player" class="audio-player" controls>
                    <source src="{{ $message->message }}" type="audio/mp3" />
                    <source src="{{ $message->message }}" type="audio/ogg" />
                    <source src="{{ $message->message }}" type="audio/m4a" />
                </audio>
            </div>
            @elseif ($message->message_type == 'file')
            <div class="chat-content-media">
                <a href="{{ $message->message }}" download class="text-success">{{ str_after($message->message,'___file_') }}</a>
            </div>
            @else
            <div class="chat-content">
                <p>{{ $message->message }}</p>
            </div>
            @endif
        </div>
    @else
        <div class="chat-body">
            @if ($message->message_type == 'image')
            <div class="chat-content-media">
                <a href="{{ $message->message }}" data-fancybox="gallery">
                    <img src="{{ $message->message }}" class="img-thumbnail chat-image" alt="">
                </a>
            </div>
            @elseif ($message->message_type == 'sound')
            <div class="chat-content-media">
                <audio id="plyr-audio-player" class="audio-player" controls>
                    <source src="{{ $message->message }}" type="audio/mp3" />
                    <source src="{{ $message->message }}" type="audio/ogg" />
                    <source src="{{ $message->message }}" type="audio/m4a" />
                </audio>
            </div>
            @elseif ($message->message_type == 'file')
            <div class="chat-content-media">
                <a href="{{ $message->message }}" download class="text-success">{{ str_after($message->message,'___file_') }}</a>
            </div>
            @else
            <div class="chat-content">
                <p>{{ $message->message }}</p>
            </div>
            @endif
        </div>
    @endif
</div>
@else
    <div class="chat">
    @if ($last_message_sender != $message->sender_id || $message->created_at->format("Y-m-d") != $format)
        <div class="chat-avatar">
            <a class="avatar m-0" data-toggle="tooltip" href="#" data-placement="right" title="" data-original-title="">
                <img src="{{ $message->sender->avatar }}" alt="avatar" height="40" width="40" />
            </a>
        </div>
        <div class="chat-body">
            @if ($message->message_type == 'image')
            <div class="chat-content-media">
                <a href="{{ $message->message }}" data-fancybox="gallery">
                    <img src="{{ $message->message }}" class="img-thumbnail chat-image" alt="">
                </a>
            </div>
            @elseif ($message->message_type == 'sound')
            <div class="chat-content-media">
                <audio id="plyr-audio-player" class="audio-player" controls>
                    <source src="{{ $message->message }}" type="audio/mp3" />
                    <source src="{{ $message->message }}" type="audio/ogg" />
                    <source src="{{ $message->message }}" type="audio/m4a" />
                </audio>
            </div>
            @else
            <div class="chat-content">
                <p>{{ $message->message }}</p>
            </div>
            @endif
        </div>
    @else
        <div class="chat-body">
            @if ($message->message_type == 'image')
            <div class="chat-content-media">
                <a href="{{ $message->message }}" data-fancybox="gallery">
                    <img src="{{ $message->message }}" class="img-thumbnail chat-image" alt="">
                </a>
            </div>
            @elseif ($message->message_type == 'sound')
            <div class="chat-content-media">
                <audio id="plyr-audio-player" class="audio-player" controls>
                    <source src="{{ $message->message }}" type="audio/mp3" />
                    <source src="{{ $message->message }}" type="audio/ogg" />
                    <source src="{{ $message->message }}" type="audio/m4a" />
                </audio>
            </div>
            @else
            <div class="chat-content">
                <p>{{ $message->message }}</p>
            </div>
            @endif
        </div>
    @endif
    </div>
@endif
@php
if ($last_message_sender != $message->sender_id) {
   $last_message_sender = $message->sender_id;
}else {
   $same_loop = true;
}
@endphp
@endforeach
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>