@php
    $current = $controlPanelVoyageScope ?? 'active';
    $scopes = [
        'active' => 'Active (not completed/cancelled)',
        'paused' => 'Lifecycle paused',
        'loading' => 'Status: loading',
        'at_sea' => 'Status: at sea',
        'arriving' => 'Status: arriving',
        'discharging' => 'Status: discharging',
        'completed' => 'Status: completed',
        'cancelled' => 'Status: cancelled',
        'all' => 'All statuses',
    ];
@endphp
<form method="GET" action="{{ url()->current() }}" class="flex flex-wrap items-end gap-2 rounded-xl border border-[#ECECEC] bg-[#FAFBFE] px-3 py-2 text-[11px] text-[#5A5A5A]">
    @foreach (request()->query() as $key => $value)
        @continue($key === 'voyage_scope' || ! is_scalar($value))
        <input type="hidden" name="{{ $key }}" value="{{ $value }}">
    @endforeach
    <label class="flex flex-col gap-1 min-w-[min(100%,14rem)]">
        <span class="font-semibold text-[#111]">Voyage list</span>
        <select name="voyage_scope" class="h-9 rounded-lg border border-[#ECECEC] bg-white px-2 text-xs text-[#111]" onchange="this.form.submit()">
            @foreach ($scopes as $value => $label)
                <option value="{{ $value }}" @selected($current === $value)>{{ $label }}</option>
            @endforeach
        </select>
    </label>
    <p class="text-[10px] text-[#7B7B7B] max-w-md leading-relaxed pb-0.5">
        Filters voyage dropdowns on this page (risk injection, invoice templates). Limit: <span class="font-mono text-[#111]">{{ (int) config('control_panel.voyage_picker_limit', 150) }}</span> rows (see <code class="text-[10px]">CONTROL_PANEL_VOYAGE_PICKER_LIMIT</code>).
    </p>
</form>