@php
    $chatIds = [];
@endphp
@forelse ($allMessages as $msg)
    @php
        $authUserAct = '';
        if ($msg->from_id == $sender->id) {
            // auth user sender
            $authUserAct = 'sender';
            $target = $msg->to_id;
            $name = $msg->receiver?->name;
            $image = $msg->receiver?->image;
        } else {
            // receiver
            $authUserAct = 'receiver';
            $target = $msg->from_id;
            $name = $msg->sender?->name;
            $image = $msg->sender?->image;
        }

        if (in_array($target, $chatIds)) {
            continue;
        } else {
            $chatIds[] = $target;
        }

    @endphp

    {{-- chat list start --}}
    <a href="{{ route('user.chatform', $target) }}" class="nav-link border-bottom text-start mw-100 p-3 active"
        id="chat-1-tab" role="tab" aria-selected="false"
        tabindex="-1">
        <div class="d-flex align-items-center">
            <div class="me-3">
                <img src="{{ getAvatar($image) }}"
                    class="img-fluid rounded-pill" width="35"
                    alt="{{ $name }}">
            </div>
            <div class="text-body">
                <div>{{ $name }}</div>
                <div class="text-secondary text-truncate w-100">{{ now()->parse($msg->created_at)->diffForHumans() }}</div>
            </div>
        </div>
    </a>
    {{-- chat list end --}}

    {{-- <a href="{{ route('user.messageform', $target) }}"
        class="nav-link text-start mw-100 p-3 border {{ $target == $receiver->id ? 'active' : '' }} {{ $loop->first ? 'mt-2' : '' }}"
        id="chat-1-tab" data-bs-toggle="pill" role="tab" aria-selected="false"
        tabindex="-1">
        <div class="row align-items-center flex-fill">
            <div class="col-2"><span class="avatar">
                    <img width="100%" src="{{ getPhoto($image) }}"
                        alt="{{ $name }}">
                </span>
            </div>
            <div class="col-10 text-body">
                <div style="font-size: 16px;">{{ $name }}</div>
                <div class="text-secondary text-truncate {{ $authUserAct == 'receiver' && !$msg->read ? 'font-weight-bold text-dark' : '' }} "
                    style="font-size: 12px;">{!! nl2br(Str::of($msg->body)->limit(36)) !!}</div>
            </div>
        </div>
    </a> --}}
@empty
    <div class="text-center mt-5 font-weight-bold ">
        No Chat Available!
    </div>
@endforelse