@if($chats->isNotEmpty())
    <div class="users_cards">
        @foreach($chats as $chat)
            @php
                $lastMessage = isset($chat->lastMessage->message) ?
                                    limitString($chat->lastMessage->message, 30) :
                                        (isset($chat->lastMessage->latestFiles[0]->file_type) ?
                                            __('dashboard.file_type_'.$chat->lastMessage->latestFiles[0]->file_type) : "");
            @endphp
            <div class="user_card user-card-{{ $chat->id }} " data-id="{{ $chat->id }}">
                <div class="form-check">
                    <input class="form-check-input chat-checkbox"
                           type="checkbox"
                           name="chat_ids[]"
                           value="{{ $chat->id }}"/>
                </div>
                @if($chat->type == 'private')
                    <div class="user_img">
                        <img src="{{getImage($chat->users[0]->photo ?? "")}}" alt="">
                    </div>
                    <div class="inf">
                        <h6 class="mb-1 text-bold">
                            {{ $chat->users[0]->name ?? $chat->users[0]->username ?? "" }}
                        </h6>
                        <small> {{ $lastMessage }} </small>
                    </div>
                @else
                    <div class="user_img">
                        <img src="{{asset('assets/admin/site/images/user_group.png')}}" alt="">
                    </div>
                    <div class="inf">
                        <h6 class="mb-1 text-bold"> {{ __('users::users.order_no', ['id' => $chat->order_id]) }} </h6>
                        <small> {{ $lastMessage }} </small>
                    </div>
                @endif
                @if($unreadMessagesCount = $chat->unreadMessagesCount($user))
                    <span class="badge bg-secondary unread-msg-badge">
                        {{ $unreadMessagesCount }}
                    </span>
                @endif
            </div>
        @endforeach
    </div>
    <div class="text-center">
        <!-- disapled -->
        <button type="button" class="dlt-btn multi-delete-chats">
            <i class="fal fa-trash me-2"></i>
            {{ __('users::users.delete_selected') }}
        </button>
    </div>
@else
    <div class="alert alert-danger text-center no-chats">
        {{ __('users::users.no_chats') }}
    </div>
@endif