@if (session('status'))
    <div x-data="{ show: true }" x-show="show" x-transition x-init="setTimeout(() => show = false, 6000)"
         {{ $attributes->merge(['class' => 'flex items-start gap-3 rounded-lg border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-800']) }} role="status">
        <x-icon name="check-circle" class="mt-0.5 size-5 shrink-0" />
        <p class="flex-1">{{ session('status') }}</p>
        <button type="button" @click="show = false" class="text-emerald-700 hover:text-emerald-900" aria-label="Dismiss"><x-icon name="x" class="size-4" /></button>
    </div>
@endif
@if ($errors->any())
    <div {{ $attributes->merge(['class' => 'rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800']) }} role="alert">
        <p class="font-semibold">Please fix the following:</p>
        <ul class="mt-1 list-inside list-disc">
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif