@php
    /** @var list<array<string, mixed>> $batteriesWithProgress */
    $batteriesWithProgress = $batteriesWithProgress ?? [];
    $canViewBatteries = auth()->user()?->can('viewAny', App\Models\QuestionBattery::class) ?? false;
@endphp

<x-page.card class="!p-6 sm:!p-8">
    <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
        <div>
            <h2 class="text-lg font-semibold text-gray-900 sm:text-xl">Baterias de perguntas</h2>
            <p class="mt-1 max-w-2xl text-sm text-gray-600">
                Progresso de início por bateria (participantes elegíveis no escopo área/grupo da bateria que já abriram o questionário).
                Respeita os filtros de <strong>área</strong> e <strong>grupo</strong> do dashboard.
            </p>
        </div>
        <div class="flex w-full shrink-0 flex-col gap-2 sm:w-auto sm:flex-row">
            <x-ui.button
                href="{{ route('dashboard.batteries.export', $filterQuery ?? []) }}"
                class="w-full justify-center sm:w-auto"
            >
                Baixar Excel
            </x-ui.button>
            @if($canViewBatteries)
                <x-ui.button href="{{ route('training.question-batteries.index') }}" class="w-full justify-center sm:w-auto">
                    Ver todas as baterias
                </x-ui.button>
            @endif
        </div>
    </div>

    @if($batteriesWithProgress === [])
        <p class="mt-8 rounded-lg border border-dashed border-gray-200 bg-gray-50 px-6 py-10 text-center text-sm text-gray-500">
            Nenhuma bateria encontrada para os filtros selecionados.
        </p>
    @else
        <div class="mt-8 grid grid-cols-1 gap-6 lg:grid-cols-2">
            @foreach($batteriesWithProgress as $battery)
                <x-ui.battery-progress-block
                    size="lg"
                    :title="$battery['title']"
                    :status="$battery['status']"
                    :questions-count="$battery['questions_count']"
                    :progress-eligible="$battery['progress_eligible']"
                    :progress-started="$battery['progress_started']"
                    :progress-pending="$battery['progress_pending']"
                    :progress-percent="$battery['progress_percent']"
                    :sector-name="$battery['sector_name']"
                    :training-group-name="$battery['training_group_name']"
                    :href="$canViewBatteries ? route('training.question-batteries.show', $battery['id']) : null"
                />
            @endforeach
        </div>
    @endif
</x-page.card>