@if($errors->first() != '')
    <div x-data="{ show: true }" x-show="show"
         class="mb-4 rounded-lg bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 p-4">
        <div class="flex justify-between items-start gap-4">
            <ul class="list-disc list-inside text-sm text-red-700 dark:text-red-400 space-y-1">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
            <button @click="show = false" class="shrink-0 text-red-500 hover:text-red-700 dark:text-red-400 dark:hover:text-red-200 text-lg leading-none">&times;</button>
        </div>
    </div>
@endif
@if(Session::has('warning'))
    <div x-data="{ show: true }" x-show="show"
         class="mb-4 rounded-lg bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 p-4">
        <div class="flex justify-between items-center gap-4">
            <p class="text-sm text-red-700 dark:text-red-400">{{ session('warning') }}</p>
            <button @click="show = false" class="shrink-0 text-red-500 hover:text-red-700 dark:text-red-400 dark:hover:text-red-200 text-lg leading-none">&times;</button>
        </div>
    </div>
@endif
@if(Session::has('status'))
    <div x-data="{ show: true }" x-show="show"
         class="mb-4 rounded-lg bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 p-4">
        <div class="flex justify-between items-center gap-4">
            <p class="text-sm text-green-700 dark:text-green-400">{{ session('status') }}</p>
            <button @click="show = false" class="shrink-0 text-green-500 hover:text-green-700 dark:text-green-400 dark:hover:text-green-200 text-lg leading-none">&times;</button>
        </div>
    </div>
@endif