@php
    use Illuminate\Support\Str;

    $viewer = auth()->user();
    $discoverUsers = $discoverUsers ?? collect();
    $pendingGroupInvites = $pendingGroupInvites ?? collect();
    $pinnedConversations = $pinnedConversations ?? collect();
    $recentConversations = $recentConversations ?? collect();
    $archivedConversations = $archivedConversations ?? collect();
    $activeConversationId = request()->integer('chat');
    $activeConversationId = $activeConversationId > 0 ? $activeConversationId : 0;
    $visibleConversationCount = $pinnedConversations->count() + $recentConversations->count();
    $groupConversationCount = $pinnedConversations
        ->concat($recentConversations)
        ->where('type', '!=', 'direct')
        ->count();
    $pendingInviteCount = $pendingGroupInvites->count();
@endphp

<div class="member-chat-sidebar">
    <div class="member-chat-sidebar-header">
        <div class="member-chat-sidebar-toolbar">
            <div class="member-chat-sidebar-toolbar-copy">
                <span>tomCHAT</span>
                <strong>Recents</strong>
                <small>
                    @if ($visibleConversationCount > 0)
                        {{ $groupConversationCount > 0
                            ? "{$groupConversationCount} grup aktif ada di riwayat anda."
                            : 'Obrolan terbaru anda.' }}
                    @elseif ($pendingInviteCount > 0)
                        Anda punya {{ $pendingInviteCount }} undangan grup yang menunggu respon.
                    @else
                        Mulai percakapan baru atau buat grup dari sini.
                    @endif
                </small>
            </div>
            <div class="member-chat-sidebar-toolbar-actions">
                <a href="{{ route('member.obrolan') }}" class="member-chat-sidebar-new-chat" aria-label="Chat baru">
                    <i class='bx bx-edit-alt'></i>
                    <span>Baru</span>
                </a>
                <button type="button" class="member-chat-sidebar-new-chat is-group" aria-label="Buat grup obrolan"
                    data-bs-toggle="modal" data-bs-target="#memberCreateGroupModal">
                    <i class='bx bx-group'></i>
                    <span>Grup</span>
                    <span class="member-chat-sidebar-count-badge {{ $pendingInviteCount > 0 ? '' : 'd-none' }}"
                        data-group-invite-badge>{{ $pendingInviteCount }}</span>
                </button>
            </div>
        </div>
        <label class="member-chat-sidebar-search" for="memberObrolanSearch">
            <i class='bx bx-search'></i>
            <input type="search" id="memberObrolanSearch" data-obrolan-search
                placeholder="Cari obrolan atau anggota">
        </label>
    </div>

    <div class="member-chat-sidebar-list">
        @if ($pendingGroupInvites->isNotEmpty())
            <div class="member-chat-sidebar-section" data-obrolan-section="undangan">
                <div class="member-chat-sidebar-section-label">
                    <span>Undangan Grup</span>
                    <span class="member-chat-sidebar-section-count" data-group-invite-label-count>{{ $pendingInviteCount }}</span>
                </div>
                @foreach ($pendingGroupInvites as $invite)
                    @php
                        $inviteConversation = $invite->conversation;
                        $inviteName = $inviteConversation->displayNameFor($viewer);
                        $inviteSearch = implode(' ', [
                            $inviteName,
                            $inviteConversation->description,
                            $invite->invitedBy?->chatLabel(),
                            $invite->invitedBy?->email,
                        ]);
                    @endphp
                    <div class="member-chat-sidebar-item is-invite" data-invite-entry
                        data-search-text="{{ Str::lower($inviteSearch) }}">
                        <div class="member-chat-sidebar-item-avatar">
                            <img src="{{ $inviteConversation->avatarUrlFor($viewer) }}" alt="{{ $inviteName }}">
                        </div>
                        <div class="member-chat-sidebar-item-body">
                            <div class="member-chat-sidebar-item-top">
                                <div class="member-chat-sidebar-item-title">
                                    <strong>{{ $inviteName }}</strong>
                                    <span class="member-chat-sidebar-badge is-invite">Undangan</span>
                                </div>
                                <time>{{ $invite->created_at?->diffForHumans() }}</time>
                            </div>
                            <p>{{ $invite->invitedBy?->chatLabel() ?? 'Anggota' }} mengundang anda ke grup ini.</p>
                            <div class="member-chat-sidebar-invite-actions">
                                <form action="{{ route('member.obrolan.group.invite.accept', $invite) }}" method="POST">
                                    @csrf
                                    <button type="submit" class="btn btn-sm btn-primary">Terima</button>
                                </form>
                                <form action="{{ route('member.obrolan.group.invite.decline', $invite) }}" method="POST">
                                    @csrf
                                    <button type="submit" class="btn btn-sm btn-light">Tolak</button>
                                </form>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        @endif

        @if ($pinnedConversations->isNotEmpty())
            <div class="member-chat-sidebar-section" data-obrolan-section="pinned">
                <div class="member-chat-sidebar-section-label">Disematkan</div>
                @foreach ($pinnedConversations as $conversation)
                    @include('layouts.admin.body.partials.member-obrolan-conversation-item', [
                        'conversation' => $conversation,
                        'viewer' => $viewer,
                        'activeConversationId' => $activeConversationId,
                    ])
                @endforeach
            </div>
        @endif

        <div class="member-chat-sidebar-section" data-obrolan-section="riwayat">
            @if ($recentConversations->isNotEmpty())
                <div class="member-chat-sidebar-section-label">Terbaru</div>
            @endif
            @forelse ($recentConversations as $conversation)
                @include('layouts.admin.body.partials.member-obrolan-conversation-item', [
                    'conversation' => $conversation,
                    'viewer' => $viewer,
                    'activeConversationId' => $activeConversationId,
                ])
            @empty
                <div class="member-chat-sidebar-empty" data-conversation-empty>
                    <strong>Belum ada riwayat chat</strong>
                    <p>Riwayat obrolan akan tampil di sini setelah percakapan pertama dibuat.</p>
                </div>
            @endforelse
        </div>

        @if ($archivedConversations->isNotEmpty())
            <div class="member-chat-sidebar-section" data-obrolan-section="arsip">
                <div class="member-chat-sidebar-section-label">Arsip</div>
                @foreach ($archivedConversations as $conversation)
                    @include('layouts.admin.body.partials.member-obrolan-conversation-item', [
                        'conversation' => $conversation,
                        'viewer' => $viewer,
                        'activeConversationId' => $activeConversationId,
                    ])
                @endforeach
            </div>
        @endif

        <div class="member-chat-sidebar-section member-chat-sidebar-section-users d-none" data-obrolan-section="anggota">
            <div class="member-chat-sidebar-section-label">Anggota</div>
            @foreach ($discoverUsers as $candidate)
                @php
                    $userSearchText = implode(' ', [
                        $candidate->name,
                        $candidate->username,
                        $candidate->email,
                    ]);
                @endphp
                <a href="{{ route('member.obrolan.start', $candidate) }}" class="member-chat-sidebar-item"
                    data-user-entry data-search-text="{{ Str::lower($userSearchText) }}">
                    <img src="{{ $candidate->avatarUrl() }}" alt="{{ $candidate->chatLabel() }}">
                    <div class="member-chat-sidebar-item-body">
                        <div class="member-chat-sidebar-item-top">
                            <strong>{{ $candidate->chatLabel() }}</strong>
                        </div>
                        <p>{{ $candidate->email }}</p>
                    </div>
                </a>
            @endforeach
        </div>

        <div class="member-chat-sidebar-empty d-none" data-search-empty>
            <strong>Tidak ada hasil</strong>
            <p>Coba nama lain, username, atau potongan pesan yang berbeda.</p>
        </div>
    </div>
</div>