{{--
    @intent Página de erro **dentro do shell** (ADR-016/ADR-025): acessível, humana, sem stack trace.

    @description O módulo não monta estrutura: o shell entrega header, rodapé, áreas laterais,
                 acessibilidade e SEO de base. Aqui vive só o conteúdo central do erro.
                 Inclui o **código de rastreio** (`X-Request-ID`) para o suporte.
                 O texto padrão vem **traduzido por status** (ADR-012): o renderer (Core) só manda o
                 status e um título/detalhe próprios quando existem — o Core não depende do layout.
--}}
@php
    // Chave ausente (`__()` devolve a própria chave) cai no texto default.
    $heading = filled($title) ? $title : __('layout::shell.error_title_'.$status);
    $heading = str_starts_with($heading, 'layout::shell.') ? __('layout::shell.error_title_default') : $heading;

    $message = filled($detail) ? $detail : __('layout::shell.error_detail_'.$status);
    $message = str_starts_with($message, 'layout::shell.') ? __('layout::shell.error_detail_default') : $message;
@endphp
<x-layout::portal
    :title="$heading"
    :description="$message"
    robots="noindex, nofollow"
>
    <section aria-labelledby="error-heading" class="mx-auto flex max-w-2xl flex-col gap-4 py-8">
        <p class="font-mono text-sm text-civic-outline">{{ $status }}</p>

        <h1 id="error-heading" class="text-3xl font-extrabold tracking-tight text-civic-ink sm:text-4xl">
            {{ $heading }}
        </h1>

        <p class="text-lg text-civic-outline">{{ $message }}</p>

        @if (filled($requestId))
            <p class="text-base text-civic-outline">
                {{ __('layout::shell.error_tracking') }}
                <code class="font-mono text-sm">{{ $requestId }}</code>
            </p>
        @endif

        <p>
            <a
                href="{{ localized_url('/') }}"
                rel="home"
                class="inline-flex min-h-11 items-center rounded-tenant font-bold text-civic-link underline"
            >
                {{ __('layout::shell.back_home') }}
            </a>
        </p>
    </section>
</x-layout::portal>