@if(($mailboxLinkReminder['visible'] ?? false) === true)
    @php
        $stage = $mailboxLinkReminder['stage'] ?? 'needs_link';
        $copy = match ($stage) {
            'needs_domain' => [
                'title' => 'Set up Ladill Email',
                'body' => 'Add and verify an email domain before you can create a mailbox and link it to your Ladill account.',
                'cta' => 'Add email domain',
                'url' => route('email.domains.index'),
            ],
            'needs_mailbox' => [
                'title' => 'Create your Ladill mailbox',
                'body' => 'Your domain is ready. Create a mailbox, then link it in Settings so Ladill Mail opens with your Ladill sign-in.',
                'cta' => 'Create mailbox',
                'url' => route('email.mailboxes.create'),
            ],
            default => [
                'title' => 'Link your Ladill mailbox',
                'body' => 'Your account uses '.$mailboxLinkReminder['account_email'].' — choose a mailbox in Settings to connect Ladill Mail sign-in.',
                'cta' => 'Link mailbox',
                'url' => route('account.settings'),
            ],
        };
    @endphp
    <div class="mb-4 rounded-xl border border-indigo-200 bg-gradient-to-r from-indigo-50 to-sky-50 px-4 py-3.5 text-sm text-slate-800 shadow-sm" role="status">
        <div class="flex items-start gap-3">
            <span class="mt-0.5 inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-white shadow-sm" aria-hidden="true">
                @include('partials.ladill-pro-icon', ['class' => 'h-4 w-4'])
            </span>
            <div class="min-w-0 flex-1">
                <p class="font-semibold text-slate-900">{{ $copy['title'] }}</p>
                <p class="mt-1 leading-relaxed text-slate-600">{{ $copy['body'] }}</p>
                <a href="{{ $copy['url'] }}" class="mt-2.5 inline-flex items-center gap-1 text-sm font-semibold text-indigo-700 hover:text-indigo-800">
                    {{ $copy['cta'] }}
                    <svg class="h-3.5 w-3.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/></svg>
                </a>
            </div>
            <form method="POST" action="{{ route('account.mailbox-link-banner.dismiss') }}" class="shrink-0">
                @csrf
                <button type="submit" class="rounded-lg p-1.5 text-slate-400 transition hover:bg-white/70 hover:text-slate-600" aria-label="Dismiss for now">
                    <svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/></svg>
                </button>
            </form>
        </div>
    </div>
@endif