@foreach (['succes' => 'bg-emerald-50 text-emerald-800 ring-emerald-200', 'avertissement' => 'bg-amber-50 text-amber-900 ring-amber-200', 'erreur' => 'bg-red-50 text-red-800 ring-red-200'] as $type => $classes)
    @if (session($type))
        <div x-data="flash" x-show="visible" x-transition class="mb-5 flex items-start gap-3 rounded-lg px-4 py-3 text-sm ring-1 {{ $classes }}" role="status">
            <p class="flex-1">{{ session($type) }}</p>
            <button type="button" x-on:click="fermer" class="opacity-60 hover:opacity-100" aria-label="Fermer">
                <x-heroicon-m-x-mark class="size-4" />
            </button>
        </div>
    @endif
@endforeach