@use('Core\Localization\LocalizedDate')

{{--
    @intent Detalhe (leitura) de uma notícia do módulo Noticias.
    @description O módulo define **apenas** o conteúdo central + campos padrão do shell (ADR-016).
                 Áreas laterais, cabeçalho, rodapé e acessibilidade são da estrutura.
--}}
<x-layout::portal
    preset="noticias"
    :title="$pageTitle ?? __('noticias::index.title')"
    :description="$description ?? __('noticias::index.description')"
    :breadcrumbs="[
        ['label' => __('layout::shell.home'), 'url' => localized_url('/')],
        ['label' => __('noticias::index.title'), 'url' => route('noticias.index')],
        ['label' => $pageTitle ?? __('noticias::index.title')],
    ]"
    :schemas="[[
        '@context' => 'https://schema.org',
        '@type' => 'NewsArticle',
        'headline' => $pageTitle ?? __('noticias::index.title'),
        'datePublished' => $noticia->published_at?->toIso8601String(),
        'author' => ['@type' => 'Organization', 'name' => $noticia->author ?? config('app.name')],
    ]]"
>
    <article class="prose">
        @if ($noticia->hasCover())
            <figure class="mb-8 overflow-hidden rounded-2xl border border-civic-border">
                @include('noticias::partials.cover', [
                    'noticia' => $noticia,
                    'sizes' => '(min-width: 1024px) 768px, 100vw',
                    'class' => 'w-full max-h-[28rem] object-cover',
                    'loading' => 'eager',
                ])
            </figure>
        @endif

        <p class="flex flex-wrap items-center gap-4 text-xs font-medium uppercase tracking-wide text-civic-outline">
            <span class="inline-flex items-center gap-1">
                <x-ui::icon name="calendar" class="h-3 w-3" />
                {{ LocalizedDate::dateTime($noticia->published_at) }}
            </span>
            <span class="inline-flex items-center gap-1">
                <x-ui::icon name="user" class="h-3 w-3" />
                {{ $noticia->author ?? __('noticias::show.editorial') }}
            </span>
        </p>

        <h1>{{ $pageTitle ?? __('noticias::index.title') }}</h1>

        @if (filled($description ?? null))
            <p class="text-lg text-civic-outline">{{ $description }}</p>
        @endif

        <div class="prose">
            {!! $contentHtml !!}
        </div>
    </article>
</x-layout::portal>