{{--
    Shared header for the two follow-up screens, and the flash messages both
    need. Same shape as auto_reply/_tabs so the two automations read as one
    product rather than two.
--}}
@php
    $fuTab = Route::currentRouteName();
    $fuIsActive = fn(array $routes) => in_array($fuTab, $routes, true) ? 'active' : '';
@endphp

<div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3">
    <div>
        <h4 class="mb-1">Follow-up Reminders</h4>
        <p class="text-muted mb-0" style="font-size:.875rem;">
            Mail that is owed an answer becomes a task with a due time, and the task comes back and asks again
            before it is late. Nothing extra is asked of the AI — the next action it already recommended is what
            decides whether a mail is followed up, and how soon.
        </p>
    </div>
</div>

<ul class="nav nav-pills mb-4 gap-1">
    <li class="nav-item">
        <a class="nav-link {{ $fuIsActive(['follow_ups.index']) }}" href="{{ route('follow_ups.index') }}">
            <i class="bi bi-list-check me-1"></i>Queue
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link {{ $fuIsActive(['follow_ups.settings']) }}" href="{{ route('follow_ups.settings') }}">
            <i class="bi bi-toggles me-1"></i>Settings
        </a>
    </li>
</ul>

@if (session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
@endif

@if (session('error'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        {{ session('error') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
@endif

@if ($errors->any())
    <div class="alert alert-danger">
        <strong>Please fix the following:</strong>
        <ul class="mb-0 mt-1">
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif