@php
    /** @var \Illuminate\Support\Collection|\App\Models\Modules\Wiadomosci\Conversation[] $conversations */
@endphp

<div class="card h-100 border-0 erp-soft-box w-100">
    <div class="card-body d-flex flex-column p-0">

        <div class="p-3 border-bottom">
            <label class="form-label small text-muted mb-1">
                Wyszukaj użytkownika lub grupę
            </label>
            <div class="input-group input-group-sm">
                <span class="input-group-text bg-body">
                    <i class="bi bi-search"></i>
                </span>
                <input type="text"
                       class="form-control"
                       placeholder="Wpisz nazwę użytkownika lub grupy..."
                       id="wiadomosci-search-input">
            </div>
        </div>

        {{-- Przyciski: otwierają modal --}}
        <div class="p-3 border-bottom">
            <div class="d-flex gap-2">
                <button type="button"
                        class="btn btn-primary btn-sm flex-fill"
                        id="btn-new-direct">
                    <i class="bi bi-chat-dots me-1"></i> Nowa rozmowa
                </button>
                <button type="button"
                        class="btn btn-outline-primary btn-sm flex-fill"
                        id="btn-new-group">
                    <i class="bi bi-people me-1"></i> Nowa grupa
                </button>
            </div>
        </div>

        <div class="p-3 border-bottom">
            <div class="d-flex justify-content-between align-items-center">
                <span class="small text-muted">Ostatnie rozmowy</span>
            </div>
        </div>

        {{-- LISTA ROZMÓW – przewijana sekcja wewnątrz modułu --}}
        <div class="erp-messages-conversations flex-grow-1 overflow-auto">
            @forelse(($conversations ?? []) as $conversation)
                @php
                    $isActive = isset($activeConversation) && $activeConversation->id === $conversation->id;

                    // wyznacz nazwę rozmowy:
                    // - grupa: nazwa grupy
                    // - direct: nazwa drugiego uczestnika
                    $currentId = $currentUserId ?? auth()->id();
                    $title = null;

                    if ($conversation->type === 'group') {
                        $title = $conversation->name ?: 'Grupa #' . $conversation->id;
                    } else {
                        $other = $conversation->participantsUsers
                            ->firstWhere('id', '!=', $currentId);
                        $title = $other->name ?? 'Rozmowa #' . $conversation->id;
                    }
                @endphp

                <button type="button"
                        class="w-100 text-start border-0 bg-transparent p-0"
                        data-conversation-id="{{ $conversation->id }}">
                    <div class="px-3 py-2 border-bottom small {{ $isActive ? 'bg-primary bg-opacity-10' : 'bg-transparent' }}">
                        <div class="d-flex align-items-center">
                            <div class="me-2">
                                <span class="d-inline-flex justify-content-center align-items-center rounded-circle bg-soft-primary"
                                      style="width: 32px; height: 32px;">
                                    @if($conversation->type === 'group')
                                        <i class="bi bi-people-fill small"></i>
                                    @else
                                        <i class="bi bi-person-fill small"></i>
                                    @endif
                                </span>
                            </div>
                            <div class="flex-grow-1">
                                <div class="d-flex justify-content-between align-items-center">
                                    <span class="fw-semibold text-truncate">
                                        {{ $title }}
                                    </span>
                                    <span class="text-muted ms-2 small">
                                        {{ optional($conversation->updated_at)->format('H:i') }}
                                    </span>
                                </div>
                                <div class="text-muted text-truncate small">
                                    Brak podglądu
                                </div>
                            </div>
                        </div>
                    </div>
                </button>
            @empty
                <div class="px-3 py-4 text-center text-muted small">
                    Brak rozmów. Rozpocznij nową, wybierając użytkownika powyżej.
                </div>
            @endforelse
        </div>

    </div>
</div>