@use('Core\Internal\System\SystemVersion')

{{--
    Painel: primeira tela autenticada do CMS (ADR-037) + cards de métrica resolvidos pelo Core
    (ADR-047 §5). O controller entrega `ResolvedMetricCard[]` já filtrado por permissão e módulo
    ativo: card invisível não chega aqui e card que falhou vem `available = false` ("indisponível").
    Sem cards, a tela continua sendo usuário + versão (degradação graciosa).
--}}
<x-layout::cms :title="__('layout::shell.dashboard')" :breadcrumbs="[['label' => __('layout::shell.dashboard')]]">
    <div class="grid gap-4 lg:grid-cols-2">
        <x-cms::card :title="__('layout::shell.welcome')">
            <p class="text-lg font-medium">{{ auth()->user()?->name }}</p>
        </x-cms::card>

        <x-cms::card :title="__('layout::shell.system_version')">
            <p class="text-lg font-medium">{{ SystemVersion::get() }}</p>
        </x-cms::card>
    </div>

    @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">{{ __('core::cards.unavailable') }}</p>
                        @endif
                    </div>
                </x-cms::card>
            @endforeach
        </div>
    @endif
</x-layout::cms>