{{--
    Contadores de conteúdo (P4.S4/ADR-047 §5): cada card é resolvido pelo Core com a permissão do
    módulo dono e a ativação do módulo (publicados/rascunhos, datasets, DSARs abertos). Sem card
    visível a tela mostra o estado vazio — nenhum número de módulo que o perfil não enxerga.
    São contadores **atuais** (não janelados), por isso esta tela não tem filtro de período.
--}}
<x-layout::cms
    :title="__('estatisticas::cms.content_title')"
    :breadcrumbs="[
        ['label' => __('estatisticas::menu.title'), 'url' => route('estatisticas.cms.index')],
        ['label' => __('estatisticas::cms.content_title')],
    ]">
    <p class="text-sm opacity-70">{{ __('estatisticas::cms.content_caption') }}</p>

    @if ($cards === [])
        <div class="mt-4">
            <x-cms::empty-state :title="__('estatisticas::cms.content_empty')" />
        </div>
    @else
        <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
</x-layout::cms>