@php
    use Illuminate\Support\Str;

    $isGroup = $conversation->type !== 'direct';
    $contact = $conversation->otherParticipantFor($viewer);
    $latestMessage = $conversation->latestMessage;
    $lastReadAt = $conversation->pivot?->last_read_at;
    $unreadCount = $conversation->unreadCountFor($viewer);
    $displayName = $conversation->displayNameFor($viewer);
    $isUnread = $latestMessage
        && $latestMessage->user_id !== $viewer->id
        && (! $lastReadAt || $latestMessage->created_at?->gt($lastReadAt));
    $searchText = implode(' ', [
        $displayName,
        $conversation->description,
        $contact?->username,
        $contact?->email,
        $conversation->participants->pluck('username')->filter()->implode(' '),
        $conversation->participants->pluck('name')->filter()->implode(' '),
        $latestMessage?->body,
    ]);
    $previewText = $latestMessage
        ? (($latestMessage->user_id === $viewer->id ? 'Anda: ' : '') . Str::limit($latestMessage->body, 56))
        : ($isGroup ? 'Grup baru dibuat.' : 'Belum ada pesan.');
    $isPinned = $conversation->isPinnedFor($viewer);
    $isMuted = $conversation->isMutedFor($viewer);
    $isArchived = $conversation->isArchivedFor($viewer);
@endphp

<div class="member-chat-sidebar-entry {{ $activeConversationId === $conversation->id ? 'is-active' : '' }} {{ $isArchived ? 'is-archived' : '' }}"
    data-conversation-entry data-conversation-id="{{ $conversation->id }}"
    data-contact-user-id="{{ $contact?->id ?? '' }}" data-conversation-type="{{ $conversation->type }}"
    data-search-text="{{ Str::lower($searchText) }}">
    <a href="{{ route('member.obrolan', ['chat' => $conversation->id]) }}"
        class="member-chat-sidebar-item"
        data-conversation-link>
        <div class="member-chat-sidebar-item-avatar">
            <img src="{{ $conversation->avatarUrlFor($viewer) }}" alt="{{ $displayName }}" data-conversation-avatar>
            <span class="member-chat-sidebar-presence d-none" data-conversation-presence></span>
        </div>
        <div class="member-chat-sidebar-item-body">
            <div class="member-chat-sidebar-item-top">
                <div class="member-chat-sidebar-item-title">
                    <strong data-conversation-name>{{ $displayName }}</strong>
                    @if ($isGroup)
                        <span class="member-chat-sidebar-badge">Grup</span>
                    @endif
                </div>
                <time data-conversation-updated>{{ ($latestMessage?->created_at ?? $conversation->last_message_at ?? $conversation->created_at)?->diffForHumans() }}</time>
            </div>
            <p data-conversation-preview>{{ $previewText }}</p>
            <div class="member-chat-sidebar-item-foot" data-conversation-foot>
                @if ($isGroup)
                    <span data-conversation-foot-base>{{ $conversation->participants->count() }} anggota</span>
                @endif
                @if ($isPinned)
                    <span class="member-chat-sidebar-pill is-pin" data-conversation-pill-pin>Pin</span>
                @endif
                @if ($isMuted)
                    <span class="member-chat-sidebar-pill" data-conversation-pill-mute>Mute</span>
                @endif
                @if ($isArchived)
                    <span class="member-chat-sidebar-pill is-archive" data-conversation-pill-archive>Arsip</span>
                @endif
            </div>
        </div>
    </a>
    <div class="member-chat-sidebar-entry-side">
        <div class="member-chat-sidebar-action-wrap">
            <button type="button" class="member-chat-sidebar-action-toggle"
                data-sidebar-action-toggle aria-label="Aksi obrolan">
                <i class='bx bx-dots-horizontal-rounded'></i>
            </button>
            <div class="member-chat-sidebar-action-menu d-none" data-sidebar-action-menu>
                <form action="{{ route('member.obrolan.conversation.pin', $conversation) }}" method="POST">
                    @csrf
                    <button type="submit" class="member-chat-sidebar-action-menu-item">
                        {{ $isPinned ? 'Lepas sematan' : 'Sematkan' }}
                    </button>
                </form>
                <form action="{{ route('member.obrolan.conversation.mute', $conversation) }}" method="POST">
                    @csrf
                    <button type="submit" class="member-chat-sidebar-action-menu-item">
                        {{ $isMuted ? 'Bunyikan lagi' : 'Bisukan' }}
                    </button>
                </form>
                <form action="{{ route('member.obrolan.conversation.archive', $conversation) }}" method="POST">
                    @csrf
                    <button type="submit" class="member-chat-sidebar-action-menu-item">
                        {{ $isArchived ? 'Keluarkan dari arsip' : 'Arsipkan' }}
                    </button>
                </form>
                <button type="button" class="member-chat-sidebar-action-menu-item is-danger"
                    data-report-conversation-trigger
                    data-report-url="{{ route('member.obrolan.conversation.report', $conversation) }}"
                    data-report-title="{{ $displayName }}">
                    Laporkan
                </button>
            </div>
        </div>
        <span
            class="member-chat-sidebar-unread {{ $unreadCount > 0 ? '' : 'd-none' }} {{ $isUnread ? 'is-attention' : '' }}"
            data-conversation-unread-badge>{{ $unreadCount > 99 ? '99+' : $unreadCount }}</span>
    </div>
</div>