{{--
    Visão geral das métricas do portal (P4.S4/ADR-047): cards resolvidos pelo Core, série diária,
    top rotas, top módulos e status HTTP. O módulo preenche **apenas** o `<main>`; o título da tela
    e a estrutura são do shell (ADR-009/ADR-016). A tabela é a leitura canônica (sem gráfico
    obrigatório) e nenhuma linha carrega path, query ou dado pessoal.
--}}
<x-layout::cms
    :title="__('estatisticas::cms.title')"
    :breadcrumbs="[
        ['label' => __('estatisticas::menu.title')],
    ]">
    @include('estatisticas::cms.partials.estatisticas-filter', ['exportReports' => ['paginas', 'modulos', 'serie']])

    <p class="mt-4 text-sm opacity-70">
        {{ __('estatisticas::cms.period_summary', [
            'from' => $filter->fromDay(),
            'to' => $filter->toDay(),
            'days' => trans_choice('estatisticas::cms.period_days', $filter->days()),
        ]) }}
    </p>

    @if ($cards !== [])
        <div class="mt-4 grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
            @foreach ($cards as $metric)
                <x-cms::card :title="__($metric->label)" data-metric-card="{{ $metric->id() }}">
                    <div class="flex items-center gap-3">
                        <x-ui::icon :name="$metric->icon" />

                        @if ($metric->available && $metric->value !== null)
                            @if ($metric->url !== null)
                                <a href="{{ $metric->url }}" class="link link-hover text-lg font-medium">
                                    <span data-metric-value>{{ $metric->value }}</span><span class="sr-only"> — {{ __($metric->label) }}</span>
                                </a>
                            @else
                                <p class="text-lg font-medium" data-metric-value>{{ $metric->value }}</p>
                            @endif
                        @else
                            <p class="text-lg font-medium">{{ __('estatisticas::cms.unavailable') }}</p>
                        @endif
                    </div>
                </x-cms::card>
            @endforeach
        </div>
    @endif

    <div class="mt-4">
        <x-cms::card :title="__('estatisticas::cms.series_title')">
            <x-cms::data-table
                :caption="__('estatisticas::cms.series_caption')"
                :columns="[
                    ['label' => __('estatisticas::cms.col_day')],
                    ['label' => __('estatisticas::cms.col_requests'), 'class' => 'text-end'],
                    ['label' => __('estatisticas::cms.col_uniques'), 'class' => 'text-end'],
                    ['label' => __('estatisticas::cms.col_bots'), 'class' => 'text-end'],
                    ['label' => __('estatisticas::cms.col_status_4xx'), 'class' => 'text-end'],
                    ['label' => __('estatisticas::cms.col_status_5xx'), 'class' => 'text-end'],
                    ['label' => __('estatisticas::cms.col_average_duration'), 'class' => 'text-end'],
                ]"
                :empty="$report['series'] === []"
                :empty-label="__('estatisticas::cms.empty')">
                @foreach ($report['series'] as $day)
                    <tr>
                        <th scope="row">{{ $day['day'] }}</th>
                        <td class="text-end">{{ $day['requests'] }}</td>
                        <td class="text-end">{{ $day['uniques'] ?? __('estatisticas::cms.unavailable') }}</td>
                        <td class="text-end">{{ $day['bots'] }}</td>
                        <td class="text-end">{{ $day['requests_4xx'] }}</td>
                        <td class="text-end">{{ $day['requests_5xx'] }}</td>
                        <td class="text-end">{{ $day['average_duration_ms'] }}</td>
                    </tr>
                @endforeach
            </x-cms::data-table>

            <p class="mt-2 text-sm opacity-70">
                {{ __('estatisticas::cms.note_uniques', ['days' => $report['unique_retention_days']]) }}
            </p>
        </x-cms::card>
    </div>

    <div class="mt-4 grid gap-4 xl:grid-cols-2">
        <x-cms::card :title="__('estatisticas::cms.top_pages_title')">
            <p class="mb-2 text-sm opacity-70">{{ __('estatisticas::cms.note_route_names') }}</p>

            <x-cms::data-table
                :caption="__('estatisticas::cms.top_pages_caption')"
                :columns="[
                    ['label' => __('estatisticas::cms.col_route')],
                    ['label' => __('estatisticas::cms.col_module')],
                    ['label' => __('estatisticas::cms.col_requests'), 'class' => 'text-end'],
                    ['label' => __('estatisticas::cms.col_status_4xx'), 'class' => 'text-end'],
                    ['label' => __('estatisticas::cms.col_status_5xx'), 'class' => 'text-end'],
                ]"
                :empty="$report['routes'] === []"
                :empty-label="__('estatisticas::cms.empty')">
                @foreach ($report['routes'] as $route)
                    <tr>
                        <th scope="row">{{ $route['route'] }}</th>
                        <td>{{ $modules[$route['module']] ?? $route['module'] }}</td>
                        <td class="text-end">{{ $route['requests'] }}</td>
                        <td class="text-end">{{ $route['requests_4xx'] }}</td>
                        <td class="text-end">{{ $route['requests_5xx'] }}</td>
                    </tr>
                @endforeach
            </x-cms::data-table>
        </x-cms::card>

        <x-cms::card :title="__('estatisticas::cms.top_modules_title')">
            <x-cms::data-table
                :caption="__('estatisticas::cms.top_modules_caption')"
                :columns="[
                    ['label' => __('estatisticas::cms.col_module')],
                    ['label' => __('estatisticas::cms.col_requests'), 'class' => 'text-end'],
                    ['label' => __('estatisticas::cms.col_status_4xx'), 'class' => 'text-end'],
                    ['label' => __('estatisticas::cms.col_status_5xx'), 'class' => 'text-end'],
                ]"
                :empty="$report['modules'] === []"
                :empty-label="__('estatisticas::cms.empty')">
                @foreach ($report['modules'] as $module)
                    <tr>
                        <th scope="row">{{ $modules[$module['module']] ?? $module['module'] }}</th>
                        <td class="text-end">{{ $module['requests'] }}</td>
                        <td class="text-end">{{ $module['requests_4xx'] }}</td>
                        <td class="text-end">{{ $module['requests_5xx'] }}</td>
                    </tr>
                @endforeach
            </x-cms::data-table>
        </x-cms::card>
    </div>

    <div class="mt-4">
        <x-cms::card :title="__('estatisticas::cms.status_title')">
            <x-cms::data-table
                :caption="__('estatisticas::cms.status_caption')"
                :columns="[
                    ['label' => __('estatisticas::cms.col_status_class')],
                    ['label' => __('estatisticas::cms.col_requests'), 'class' => 'text-end'],
                    ['label' => __('estatisticas::cms.col_share'), 'class' => 'text-end'],
                ]"
                :empty="$report['totals']['requests'] === 0"
                :empty-label="__('estatisticas::cms.empty')">
                @foreach ($report['status'] as $row)
                    <tr>
                        <th scope="row">{{ __('estatisticas::cms.status_'.$row['status']) }}</th>
                        <td class="text-end">{{ $row['requests'] }}</td>
                        <td class="text-end">{{ $row['share'] }}%</td>
                    </tr>
                @endforeach
            </x-cms::data-table>

            <p class="mt-2 text-sm opacity-70">{{ __('estatisticas::cms.note_no_pii') }}</p>
        </x-cms::card>
    </div>
</x-layout::cms>