@php
    // Cross-page navigation for the two sides of the asset register: the list of
    // what the company owns, and the monthly walk that proves it is still there.
    // Mirrors <x-cashflow-tabs>: each tab is a real route with its own full-page
    // Livewire component, and wire:navigate gives it the feel of one workspace.
    // A tab the user cannot reach is hidden rather than 403'd, same as the sidebar.
    $user = Auth::user();
    $team = $user?->currentTeam;
    $allows = fn (string $perm): bool => (bool) ($team && $user->hasTeamPermission($team, $perm));

    // How many items on this month's sheet are still unanswered, for the badge.
    // Only shown to somebody who can actually do something about it, and only
    // while a count is genuinely outstanding.
    $outstanding = null;

    if ($team && $allows('assets.update')) {
        $due = app(App\Services\AssetCountDueService::class);
        $period = $due->outstandingPeriod($team);

        if ($period !== null) {
            $sheet = app(App\Services\AssetVerificationService::class)->find($team, $period);
            $outstanding = $sheet === null
                ? App\Models\Asset::query()
                    ->where('team_id', $team->id)
                    ->whereNotIn('status', App\Services\AssetVerificationService::EXCLUDED_STATUSES)
                    ->count()
                : $sheet->lineCount() - $sheet->checkedCount();
        }
    }

    $tabs = array_values(array_filter([
        ['route' => 'assets.index', 'pattern' => 'assets.index', 'label' => __('Register'), 'icon' => 'wrench-screwdriver', 'badge' => null, 'show' => $allows('assets.read')],
        ['route' => 'assets.count', 'pattern' => 'assets.count', 'label' => __('Monthly count'), 'icon' => 'clipboard-document-check', 'badge' => $outstanding ?: null, 'show' => $allows('assets.read')],
    ], fn ($t) => $t['show']));
@endphp

<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 flex-1 shrink-0 items-center justify-center gap-2 rounded-xl px-4 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'] }}
            @if ($tab['badge'])
                <span class="inline-flex min-w-[1.25rem] items-center justify-center rounded-full bg-rose-100 px-1.5 py-0.5 text-[10px] font-bold text-rose-700 tabular-nums">
                    {{ $tab['badge'] > 99 ? '99+' : $tab['badge'] }}
                </span>
            @endif
        </a>
    @endforeach
</div>