@php
    // Cross-page navigation for the CRM settings pages, each a real route.
    // $current is passed in, because during a Livewire update the request's
    // route is Livewire's own. A Wave 4 page joins the strip by itself once its
    // session ships it, and only for people who hold its ability.
    $settingsUser = auth()->user();
    $settingsAccess = app(\App\Services\Crm\CrmAccess::class);
    $settingsLive = fn (string $component, string $ability): bool => ! \App\Support\CrmNav::isComingSoon($component)
        && $settingsUser !== null && $settingsAccess->can($settingsUser, $ability);
    $settingsTabs = array_values(array_filter([
        ['route' => 'crm.settings.index', 'label' => __('Thresholds and notifications'), 'icon' => 'cog-6-tooth', 'show' => true],
        ['route' => 'crm.settings.stages', 'label' => __('Stages and Reasons'), 'icon' => 'queue-list', 'show' => true],
        ['route' => 'crm.settings.lists', 'label' => __('Sectors and Sources'), 'icon' => 'tag', 'show' => true],
        ['route' => 'crm.settings.google', 'label' => __('Google Workspace'), 'icon' => 'link', 'show' => ! \App\Support\CrmNav::isComingSoon('Settings\\Google')],
        ['route' => 'crm.settings.gmail', 'label' => __('Gmail'), 'icon' => 'envelope', 'show' => $settingsLive('Settings\\Gmail', 'crm.read')],
        ['route' => 'crm.settings.rota', 'label' => __('Enquiry Rota'), 'icon' => 'arrow-path', 'show' => $settingsLive('Settings\\Rota', 'crm.reassign')],
        ['route' => 'crm.settings.scoring', 'label' => __('Lead Scoring'), 'icon' => 'star', 'show' => $settingsLive('Settings\\Scoring', 'crm.scoring')],
    ], fn (array $tab): bool => $tab['show']));
@endphp

<div class="no-scrollbar flex items-center gap-1 overflow-x-auto rounded-2xl bg-slate-100/80 p-1 ring-1 ring-slate-200/70">
    @foreach ($settingsTabs as $tab)
        @php $active = $current === $tab['route']; @endphp
        <a href="{{ route($tab['route']) }}" wire:navigate
            @class([
                'group flex shrink-0 items-center gap-2 rounded-xl px-3.5 py-2 text-sm font-semibold transition',
                'bg-white text-indigo-600 shadow-sm ring-1 ring-slate-200/70' => $active,
                'text-slate-500 hover:bg-white/70 hover:text-slate-800' => ! $active,
            ])
            @if ($active) aria-current="page" @endif>
            <x-icon :name="$tab['icon']" class="h-4 w-4 {{ $active ? 'text-indigo-500' : 'text-slate-400 group-hover:text-slate-500' }}" />
            {{ $tab['label'] }}
        </a>
    @endforeach
</div>