@php
    /** @var array<string, mixed> $summary */
    /** @var array<string, mixed> $filterQuery */
@endphp

<x-app-layout>
    <x-page.header title="Relatório — BI Treinamento">
        <x-slot name="action">
            <div class="flex w-full min-w-0 flex-col gap-2 sm:flex-row sm:flex-wrap">
                <x-ui.button type="button" onclick="window.print()">Imprimir</x-ui.button>
                <x-ui.button href="{{ route('dashboard.ranking', $filterQuery) }}">Ranking / Pódio</x-ui.button>
                <x-ui.button href="{{ route('dashboard', $filterQuery) }}">Painel interativo</x-ui.button>
            </div>
        </x-slot>
    </x-page.header>

    <div class="min-w-0 max-w-full space-y-8 print:space-y-6">
        @include('dashboard._filters')

        <div class="grid grid-cols-1 items-stretch gap-6 print:grid-cols-3 lg:grid-cols-3">
            @include('dashboard._kpi-metric-card', [
                'label' => 'Total de participantes',
                'count' => $summary['total_participants'],
                'href' => route('dashboard.participants', $filterQuery),
                'description' => 'Clique no total para ver a lista.',
                'bySector' => $summary['participants_by_sector'] ?? [],
                'byTrainingGroup' => $summary['participants_by_training_group'] ?? [],
                'filterQuery' => $filterQuery,
                'accent' => 'default',
            ])
            @include('dashboard._kpi-metric-card', [
                'label' => 'Sem login registrado',
                'count' => $summary['participants_without_login'],
                'href' => route('dashboard.participants-without-login', $filterQuery),
                'description' => 'Clique no total para ver a lista.',
                'bySector' => $summary['participants_without_login_by_sector'] ?? [],
                'byTrainingGroup' => $summary['participants_without_login_by_training_group'] ?? [],
                'filterQuery' => $filterQuery,
                'accent' => 'slate',
            ])
            @include('dashboard._kpi-metric-card', [
                'label' => 'Começou e não finalizou',
                'count' => $summary['in_progress_participants'],
                'href' => route('dashboard.in-progress', $filterQuery),
                'description' => 'Clique no total para ver a lista.',
                'bySector' => $summary['in_progress_participants_by_sector'] ?? [],
                'byTrainingGroup' => $summary['in_progress_participants_by_training_group'] ?? [],
                'filterQuery' => $filterQuery,
                'accent' => 'amber',
            ])
        </div>

        @include('dashboard._team-ranking', ['teamRanking' => $summary['team_ranking']])
        @include('dashboard._question-charts', [
            'questionsMostCorrect' => $summary['questions_most_correct'],
            'questionsMostErrors' => $summary['questions_most_errors'],
        ])
        @include('dashboard._wrong-alternatives', ['topWrongAlternatives' => $summary['top_wrong_alternatives']])
        @include('dashboard._in-progress-sessions', ['inProgressSessions' => $summary['in_progress_sessions']])

        @include('dashboard._question-detail-modal')
    </div>
</x-app-layout>