{{-- onclick="selectUser('{{ $user->withUser->id }}')"  --}}
<ul class="list-unstyled chat-list chat-user-list">
    @foreach ($users as $user)

        <li class="user"  data-id="{{ $user->withUser->id }}" id="user-{{ $user->withUser->id }}" user-id="{{ $user->withUser->id }}">
            <a href="#">
                <div class="media">
                    @if (Cache::has('is_online' . $user->withUser->id))
                        <div class="chat-user-img online align-self-center mr-3">
                            @if($user->withUser->profile_photo != "")
                            <img src="{{ $user->withUser->profile_photo }}" class="rounded-circle avatar-xs" alt="">
                            @else
                            <img src="{{ asset('/assets/image/avatar.png') }}"  class="rounded-circle avatar-xs" alt="">
                            @endif

                            <span class="user-status"></span>
                        </div>
                    @else
                        <div class="chat-user-img away align-self-center mr-3">
                            @if($user->withUser->profile_photo != "")
                            <img src="{{ $user->withUser->profile_photo }}" class="rounded-circle avatar-xs" alt="">
                            @else
                            <img src="{{ asset('/assets/image/avatar.png') }}"  class="rounded-circle avatar-xs" alt="">
                            @endif
                            <span class="user-status"></span>
                        </div>
                    @endif

                    <div class="media-body overflow-hidden">
                        <h5 class="text-truncate font-size-15 mb-1">{{ $user->withUser->name }}  </h5>

                        @if ($user->lastMessage->file)
                            @if (strtolower(pathinfo($user->lastMessage->file, PATHINFO_EXTENSION)) == 'jpg' || strtolower(pathinfo($user->lastMessage->file, PATHINFO_EXTENSION)) == 'png' || strtolower(pathinfo($user->lastMessage->file, PATHINFO_EXTENSION)) == 'gif')
                                <p class="chat-user-message text-truncate mb-0"><i class="ri-image-fill align-middle mr-1"></i> {{ $user->lastMessage->message }}</p>
                            @else
                                <p class="chat-user-message text-truncate mb-0"><i class="ri-file-text-fill align-middle mr-1"></i> {{ $user->lastMessage->message }}</p>
                            @endif

                        @else
                            <p class="chat-user-message text-truncate mb-0">{{ $user->lastMessage->message }}</p>
                        @endif
                    </div>
                    @if (date('Y-m-d') == date('Y-m-d', strtotime($user->lastMessage->created_at)))
                        <div class="font-size-11">{{ date('h:i a', strtotime($user->lastMessage->created_at)) }}</div>
                    @else
                        <div class="font-size-11">{{ date('d/m', strtotime($user->lastMessage->created_at)) }}</div>
                    @endif

                    @if ($user->unreadCount)
                        <div class="unread-message">
                            <span class="badge badge-soft-danger badge-pill pending">{{ $user->unreadCount }}</span>
                        </div>
                    @endif
                </div>
            </a>
        </li>
    @endforeach
</ul>