@foreach ($chats as $chat)
    <li class="chatlist-item">
        <a data-url="{{ route('site.chat.messages', $chat->id) }}" href="javascript:void(0);" data-id="{{ $chat->id }}"
            class="d-flex align-items-center gap-2 fetch-msg">
            <input hidden id="fetched-{{ $chat->id }}" name="fetched" value="0">
            <div class="msg-img"><img
                    src="@if ($chat->user_1 == auth()->id()) {{ $chat->user_data_2->account_information?->logo ? asset($chat->user_data_2->account_information->logo) : asset('main-site/assets/img/msg1.png') }}
                @else
                {{ $chat->user_data_1->account_information?->logo ? asset($chat->user_data_1->account_information->logo) : asset('main-site/assets/img/msg1.png') }} @endif">
            </div>
            <div class="msg-info">
                <div class="d-flex justify-content-between align-items-center mb-2">
                    <p class="mb-0 dark-color sm-text">
                        {{ $chat->user_1 == auth()->id() ? $chat->user_data_2->name : $chat->user_data_1->name }}
                    </p>
                    <small class="dark-color opacity-80">{{ $chat->last_message->created_at_format }}</small>
                </div>
                <p class="msg-info-text dark-color opacity-60 mb-0 sm-text">
                    {{ $chat->last_message->message }}</p>
            </div>
        </a>
    </li>
@endforeach

<input hidden value="" class="last_chat">