@php
$types = [
    'success' => 'bg-green-100 border-green-500 text-green-700',
    'error' => 'bg-red-100 border-red-500 text-red-700',
    'warning' => 'bg-yellow-100 border-yellow-500 text-yellow-700',
    'info' => 'bg-blue-100 border-blue-500 text-blue-700',
];
@endphp

@foreach (['success', 'error', 'warning', 'info'] as $msg)
    @if(session($msg))
        <div x-data="{ show: true }" x-show="show" x-init="setTimeout(() => show = false, 5000)"
            class="absolute z-10 mt-10 w-100 border-l-4 p-4 mb-4 {{ $types[$msg] }} rounded shadow" role="alert">
            <p class="font-bold capitalize">{{ $msg }}</p>
            <p class="text-sm">{{ session($msg) }}</p>
            </div>
    @endif
@endfore