{{-- Success --}}
@if (session('success'))
<div role="alert" aria-live="polite"
     class="mb-4 rounded-md border border-green-200 bg-green-50 text-green-900">
    <div class="flex items-start gap-3 px-4 py-3">
        {{-- check icon --}}
        <svg class="mt-0.5 h-5 w-5 text-green-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
            <path fill-rule="evenodd"
                  d="M16.707 5.293a1 1 0 01.023 1.32l-.083.094-7 7a1 1 0 01-1.32.083l-.094-.083-3-3a1 1 0 011.32-1.497l.094.083L9 11.585l6.293-6.292a1 1 0 011.414 0z"
                  clip-rule="evenodd" />
        </svg>
        <div class="flex-1">
            <p class="font-semibold">Success</p>
            <p class="text-sm">{{ session('success') }}</p>
        </div>
    </div>
</div>
@endif

{{-- Validation errors --}}
@if ($errors->any())
<div role="alert" aria-live="polite"
     class="mb-4 rounded-md border border-red-200 bg-red-50 text-red-800">
    <div class="flex items-start gap-3 px-4 py-3">
        {{-- exclamation icon --}}
        <svg class="mt-0.5 h-5 w-5 text-red-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
            <path fill-rule="evenodd"
                  d="M8.257 3.099c.765-1.36 2.721-1.36 3.486 0l6.518 11.593c.708 1.259-.177 2.808-1.743 2.808H3.482c-1.566 0-2.45-1.55-1.742-2.808L8.257 3.1zM11 14a1 1 0 10-2 0 1 1 0 002 0zm-1-2a1 1 0 01-1-1V8a1 1 0 112 0v3a1 1 0 01-1 1z"
                  clip-rule="evenodd" />
        </svg>
        <div class="flex-1">
            <p class="font-semibold">There was a problem</p>
            <ul class="mt-1 list-disc pl-5 text-sm space-y-1">
                @foreach ($errors->all() as $err)
                    <li>{{ $err }}</li>
                @endforeach
            </ul>
        </div>
    </div>
</div>
@endif

{{-- Generic error --}}
@if (session('error'))
<div role="alert" aria-live="polite"
     class="mb-4 rounded-md border border-red-200 bg-red-50 text-red-800">
    <div class="flex items-start gap-3 px-4 py-3">
        <svg class="mt-0.5 h-5 w-5 text-red-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
            <path fill-rule="evenodd"
                  d="M8.257 3.099c.765-1.36 2.721-1.36 3.486 0l6.518 11.593c.708 1.259-.177 2.808-1.743 2.808H3.482c-1.566 0-2.45-1.55-1.742-2.808L8.257 3.1zM11 14a1 1 0 10-2 0 1 1 0 002 0zm-1-2a1 1 0 01-1-1V8a1 1 0 112 0v3a1 1 0 01-1 1z"
                  clip-rule="evenodd" />
        </svg>
        <div class="flex-1">
            <p class="font-semibold">Error</p>
            <p class="text-sm">{{ session('error') }}</p>
        </div>
    </div>
</div>
@endif