{{--
    Modal content for EditTenant's "resetCatalog" header action. Purely
    informational — the actual gate (the Confirm button staying disabled for
    3 seconds) lives on the modal's submit action itself via extraAttributes,
    since that's the real element Livewire's click dispatch is wired to. This
    countdown is a second, independently-timed copy shown next to the
    warning text so the reason the button is briefly disabled is obvious.
--}}
<div
    x-data="{ seconds: 3 }"
    x-init="let t = setInterval(() => { if (seconds > 0) seconds--; if (seconds <= 0) clearInterval(t); }, 1000)"
    class="flex items-center gap-2 rounded-lg bg-danger-50 px-3 py-2 text-sm font-medium text-danger-700 dark:bg-danger-500/10 dark:text-danger-400"
>
    <x-filament::icon icon="heroicon-m-clock" class="h-4 w-4 shrink-0" />
    <span x-show="seconds > 0" x-text="`Confirm unlocks in ${seconds}…`"></span>
    <span x-show="seconds <= 0" x-cloak>You can confirm now.</span>
</div>
