@if (session('success'))
    <div x-data="{ show: true }" x-show="show" x-init="setTimeout(() => show = false, 4000)" x-transition class="mx-6 mt-4">
        <div class="rounded-lg bg-green-50 border border-green-200 p-4">
            <p class="text-sm text-green-800">{{ session('success') }}</p>
        </div>
    </div>
@endif

@if (session('error'))
    <div x-data="{ show: true }" x-show="show" x-init="setTimeout(() => show = false, 6000)" x-transition class="mx-6 mt-4">
        <div class="rounded-lg bg-red-50 border border-red-200 p-4">
            <p class="text-sm text-red-800">{{ session('error') }}</p>
        </div>
    </div>
@endif

@if (session('warning'))
    <div x-data="{ show: true }" x-show="show" x-init="setTimeout(() => show = false, 5000)" x-transition class="mx-6 mt-4">
        <div class="rounded-lg bg-yellow-50 border border-yellow-200 p-4">
            <p class="text-sm text-yellow-800">{{ session('warning') }}</p>
        </div>
    </div>
@endif

@if (session('info'))
    <div x-data="{ show: true }" x-show="show" x-init="setTimeout(() => show = false, 5000)" x-transition class="mx-6 mt-4">
        <div class="rounded-lg bg-blue-50 border border-blue-200 p-4">
            <p class="text-sm text-blue-800">{{ session('info') }}</p>
        </div>
    </div>
@endif