{{--
    Diagnóstico do sistema (P3.S3): somente leitura, mesma verificação do `core:diagnose`.
    Um único shell, só o conteúdo; o título e a estrutura são do layout (ADR-009/ADR-016/ADR-036).
    Rótulos/estados vêm do apresentador do Core; a página só acrescenta o texto do módulo.
    Sem estilo/JS inline, 4 locales no namespace `painel`.
--}}
@use('Core\Internal\Diagnostics\Enums\DiagnosticStatus')
@use('Core\Localization\LocalizedDate')

<x-layout::cms
    :title="__('painel::diagnostics.title')"
    :breadcrumbs="[
        ['label' => __('painel::index.title'), 'url' => route('painel.cms.index')],
        ['label' => __('painel::diagnostics.title')],
    ]">
    <p class="mb-2 max-w-prose text-sm opacity-70">{{ __('painel::diagnostics.intro') }}</p>

    <p class="mb-4 text-xs opacity-70">
        {{ __('painel::diagnostics.checked_at') }}
        <time datetime="{{ $diagnosis->generatedAt->format(DATE_ATOM) }}">{{ LocalizedDate::dateTime($diagnosis->generatedAt) }}</time>
    </p>

    @if ($diagnosis->hasErrors)
        <x-cms::alert variant="error">{{ __('painel::diagnostics.error_alert') }}</x-cms::alert>
    @endif

    <div class="grid gap-4 lg:grid-cols-2">
        @foreach ($diagnosis->groups as $group)
            <x-cms::card :title="$group->title">
                <ul class="divide-y divide-base-300">
                    @foreach ($group->rows as $row)
                        <li
                            class="flex flex-wrap items-start justify-between gap-2 py-2"
                            data-check="{{ $row->key }}"
                            data-check-status="{{ $row->status->value }}">
                            <div>
                                <span class="font-medium">{{ $row->label }}</span>
                                <span class="block text-sm opacity-80" data-check-value>{{ $row->value }}</span>
                                @if ($row->detail !== null)
                                    <code class="block text-xs opacity-70">{{ $row->detail }}</code>
                                @endif
                            </div>

                            @php($variant = match ($row->status) {
                                DiagnosticStatus::Ok => 'success',
                                DiagnosticStatus::Warning => 'warning',
                                DiagnosticStatus::Error => 'error',
                                DiagnosticStatus::Unavailable => 'neutral',
                            })

                            <x-cms::badge :variant="$variant">{{ $row->statusLabel }}</x-cms::badge>
                        </li>
                    @endforeach
                </ul>
            </x-cms::card>
        @endforeach
    </div>
</x-layout::cms>