@if (session('status'))
    <div x-data="{ show: true }" x-show="show" x-init="setTimeout(() => show = false, 4500)" x-transition
         class="alert alert-success mx-auto mb-6 max-w-6xl" role="status" aria-live="polite">
        <x-icon name="check-circle" :size="18" class="mt-0.5" />
        <span>{{ session('status') }}</span>
        <button type="button" @click="show = false" class="ml-auto opacity-70 hover:opacity-100"><x-icon name="x" :size="16" /></button>
    </div>
@endif
