@foreach ($users as $user)
    <li class="chat-user-list-li" data-uuid="{{ $user->uuid }}" data-url="{{ route('user.get.chat') }}">
        <a href="#">
            <div class="d-flex">
                @if ($user->status == 1)
                    <div class="chat-user-img align-self-center me-3 ms-0" style="margin-bottom: 15px">
                        @if($user->profile_picture && file_exists(public_path('ProfilePicture/' . $user->profile_picture)))
                            <img src="{{ asset('ProfilePicture/' . $user->profile_picture) }}" alt="user-img" class="rounded-circle avatar-xs">
                        @else
                            <img src="{{ asset('default_assets/user/default.jpg') }}" alt="user-img" class="rounded-circle avatar-xs">
                        @endif
                        <span class="user-status" id="offline-status{{ $user->id }}"></span>
                        <span class="user-status" id="online-status{{ $user->id }}" style="background-color: green"></span>
                    </div>
                @else
                    <div class="chat-user-img align-self-center me-3 ms-0">
                        @if($user->profile_picture && file_exists(public_path('ProfilePicture/' . $user->profile_picture)))
                            <img src="{{ asset('ProfilePicture/' . $user->profile_picture) }}" alt="user-img" class="rounded-circle avatar-xs">
                        @else
                            <img src="{{ asset('default_assets/user/default.jpg') }}" alt="user-img" class="rounded-circle avatar-xs">
                        @endif
                        @php
                            $color = ($user->hasRole(\App\Models\User::Administrator) || $user->hasRole(\App\Models\User::SuperAdmin)) ? ($user->is_away === \App\Models\User::ISAWAY ? '#ffd166' : '#06d6a0') : '#adb5bd';
                        @endphp
                        <span class="user-status" style="background-color: {{$color}}" id="offline-status{{ $user->id }}"></span>
                        <span class="user-status" style="background-color: {{$color}}" id="online-status{{ $user->id }}"></span>
                    </div>
                @endif

                <div class="flex-grow-1 overflow-hidden">
                    @php
                        $chat = \App\Models\Chat::where(function ($query) use ($user) {
                            $query->where('user_id', auth()->id())->where('receiver_id', $user->id);
                        })
                        ->orWhere(function ($query) use ($user) {
                            $query->where('user_id', $user->id)->where('receiver_id', auth()->id());
                        })
                        ->with(['chat_media' => function ($query) {
                            $query->orderBy('created_at', 'desc');
                        }])
                        ->orderBy('updated_at', 'desc')
                        ->first();
                    @endphp
                    <h5 class="text-truncate font-size-15 mb-1">{{ $user->username }}</h5>
                    @if(($user->hasRole('Super Admin') || $user->hasRole('Administrator')))
                        @if($user->is_away == \App\Models\User::ISAWAY)
                            <p class="text-muted text-truncate mb-0">
                                <i class="ri-record-circle-fill font-size-10 text-warning me-1 ms-0"></i> Away
                            </p>
                        @else
                            <p class="text-muted text-truncate mb-0">
                                <i class="ri-record-circle-fill font-size-10 text-success me-1 ms-0"></i> Active
                            </p>
                        @endif
                    @else

                        @if ($chat)
                            @if ($chat->chat_media->isNotEmpty())
                                @php
                                    $media = $chat->chat_media->first();
                                @endphp
                                @if ($media->file_type == 'wav')
                                    <p id="listOfSendChat{{ $user->uuid }}" class="chat-user-message text-truncate mb-0">Audio message</p>
                                @elseif (in_array($media->file_type, ['jpg', 'png', 'jpeg', 'gif', 'webp']))
                                    <p id="listOfSendChat{{ $user->uuid }}" class="chat-user-message text-truncate mb-0">Image message</p>
                                @else
                                    <p>File message</p>
                                @endif
                            @else
                                <p id="listOfSendChat{{ $user->uuid }}" class="chat-user-message text-truncate mb-0">{{ Illuminate\Support\Str::limit($chat->message, 25, '...') }}</p>
                            @endif
                        @endif

                    @endif
                </div>
                <div>
                    <div>
                        @php
                            $sms_count = \App\Models\ChatMessageCount::where('user_id', $user->id)->where('receiver_id', auth()->id())->first();
                        @endphp
                        @if ($sms_count && ($sms_count->count > 0))
                            <p class="sms_count" id="sms_count{{ $user->uuid }}">{{ $sms_count->count }}</p>
                        @endif
                    </div>
                    @if ($chat)
                        <div class="font-size-11">{{ $chat->created_at->diffForHumans() }}</div>
                    @endif
                </div>
            </div>
        </a>
    </li>
@endforeach