@php
    // Cross-page section navigation for the CRM / relationships workspace,
    // rendered as a segmented control (mirrors <x-inventory-tabs>). Organisations
    // is the hub; Contacts and Opportunities sit beside it. Leads and Pipeline
    // were retired into Opportunities. Each tab is a real route; wire:navigate
    // gives the feel of a single tabbed page. Permission-gating mirrors the
    // sidebar: hide a tab the current user can't reach rather than 403 on it.
    $user = Auth::user();
    $team = $user?->currentTeam;
    $allows = fn (string $perm): bool => (bool) ($team && $user->hasTeamPermission($team, $perm));

    $tabs = array_values(array_filter([
        ['route' => 'crm.organisations.index', 'pattern' => ['people.*', 'crm.organisations.*'], 'label' => __('Organisations'), 'icon' => 'users',             'show' => $allows('customers.read')],
        ['route' => 'crm.contacts.index',      'pattern' => 'crm.contacts.*',                    'label' => __('Contacts'),      'icon' => 'identification',    'show' => $allows('customers.read') && \App\Support\CrmPilot::allows($user)],
        ['route' => 'crm.opportunities.index', 'pattern' => 'crm.opportunities.*',               'label' => __('Opportunities'), 'icon' => 'arrow-trending-up', 'show' => $allows('crm.read') && \App\Support\CrmPilot::allows($user)],
    ], fn ($t) => $t['show']));
@endphp

@if (count($tabs) > 1)
<div {{ $attributes->merge(['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 ($tabs as $tab)
        @php $active = request()->routeIs($tab['pattern']); @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>
@endif