{{-- Announcement spotlight (SOW 1.2): tenders, procurement notices, milestones. --}}
@if ($popupAnnouncement)
    <div x-data="announcementPopup({{ $popupAnnouncement->id }})" x-show="open" x-cloak
         class="fixed inset-0 z-50 flex items-end justify-center p-4 sm:items-center"
         role="dialog" aria-modal="true" aria-labelledby="announcement-title"
         @keydown.escape.window="dismiss()">

        <div class="absolute inset-0 bg-dark/70" @click="dismiss()"></div>

        <div class="relative w-full max-w-lg overflow-hidden rounded-2xl bg-surface shadow-raised"
             x-trap.noscroll="open"
             x-transition:enter="transition duration-300 ease-out"
             x-transition:enter-start="opacity-0 translate-y-4 sm:scale-95"
             x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100">

            <button type="button" @click="dismiss()"
                    class="absolute right-3 top-3 z-10 rounded-full bg-surface/90 p-2 text-text-secondary transition hover:text-primary"
                    aria-label="{{ __('Dismiss announcement') }}">
                <x-icon name="close" class="size-4" />
            </button>

            @if ($popupAnnouncement->image)
                <img src="{{ asset_path($popupAnnouncement->image) }}" alt="" loading="lazy" decoding="async"
                     class="h-48 w-full object-cover">
            @endif

            <div class="p-7">
                <p class="eyebrow mb-3">{{ __('Announcement') }}</p>
                <h2 id="announcement-title" class="font-display text-xl font-semibold text-text">
                    {{ $popupAnnouncement->title }}
                </h2>

                @if ($popupAnnouncement->content)
                    <p class="mt-3 text-sm leading-relaxed text-text-secondary">{{ $popupAnnouncement->content }}</p>
                @endif

                @if ($popupAnnouncement->link_url)
                    <x-button :href="$popupAnnouncement->link_url" class="mt-6" arrow
                              target="_blank" rel="noopener">
                        {{ $popupAnnouncement->link_label ?: __('Read more') }}
                    </x-button>
                @endif
            </div>
        </div>
    </div>
@endif