{{--
    @intent Renderizar a imagem de capa de uma notícia de forma responsiva e com fallback de formato.
    @description Usa <picture> para servir as variantes AVIF geradas pelo Services\Media,
                 recuando para o formato original (JPEG/PNG/WebP) em navegadores sem AVIF.
                 Como último recurso, usa a URL externa ou um placeholder institucional.

    Variáveis esperadas:
      - $noticia (Modules\Publicacoes\Noticias\Database\Models\Noticia)
      - $class   (string) classes do elemento <img>
      - $sizes   (string) atributo sizes do <img>
      - $loading (string) lazy|eager
--}}
@php
    $cover = $noticia->coverMedia();
    $external = filled($noticia->cover_image) ? (string) $noticia->cover_image : null;

    $imgClass = $class ?? 'h-full w-full object-cover';
    $imgSizes = $sizes ?? '100vw';
    $imgLoading = $loading ?? 'lazy';
@endphp


@if ($cover !== null)
    {{-- `contents` remove a caixa do `<figure>`, preservando o layout do `<img>` no contêiner pai. --}}
    <x-media::picture
        :path="$cover['path']"
        :sources="$cover['sources']"
        :alt="$cover['alt']"
        :width="$cover['width']"
        :height="$cover['height']"
        figure-class="contents"
        :img-class="$imgClass"
        :sizes="$imgSizes"
        :loading="$imgLoading"
        :fetchpriority="$fetchpriority ?? null"
    />
@elseif ($external !== null)
    {{-- Legado: a URL externa não tem variantes no catálogo, mas ainda passa por `<picture>` e
         declara dimensões/decoding para não gerar CLS (ADR-026). --}}
    <picture class="contents">
        <img
            src="{{ $external }}"
            alt="{{ $noticia->title }}"
            width="1200"
            height="675"
            loading="{{ $imgLoading }}"
            decoding="async"
            class="{{ $imgClass }}"
        >
    </picture>
@else
    <span class="flex items-center justify-center bg-civic-surface-dim text-civic-outline {{ $imgClass }}">
        <x-ui::icon name="newspaper" class="h-10 w-10" aria-hidden="true" focusable="false" />
    </span>
@endif