@if (session('success'))
    <div x-data="{ show: true }" x-show="show" class="mb-4 flex items-center justify-between rounded-xl bg-brand-50 px-4 py-3 text-sm text-brand-800 ring-1 ring-brand-100">
        <span class="flex items-center gap-2">
            <svg class="h-5 w-5 text-brand-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
            {{ session('success') }}
        </span>
        <button @click="show = false" class="text-brand-600">&times;</button>
    </div>
@endif

@if ($errors->any())
    <div class="mb-4 rounded-xl bg-red-50 px-4 py-3 text-sm text-red-800 ring-1 ring-red-100">
        <p class="font-semibold">{{ __('Please fix the following:') }}</p>
        <ul class="mt-1 list-inside list-disc">
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif