@php
    use App\Enums\TrainingDashboardRankingScope;

    /** @var array<string, mixed> $filterQuery */
    /** @var TrainingDashboardRankingScope $rankingScope */
    $filterQuery = $filterQuery ?? [];
    $rankingScope = $rankingScope ?? TrainingDashboardRankingScope::General;

    $tabs = [
        ['scope' => TrainingDashboardRankingScope::General, 'label' => 'Geral'],
        ['scope' => TrainingDashboardRankingScope::Sector, 'label' => 'Por área'],
        ['scope' => TrainingDashboardRankingScope::Group, 'label' => 'Por grupo'],
    ];
@endphp

<nav class="flex min-w-0 flex-wrap gap-2" aria-label="Escopo do ranking">
    @foreach($tabs as $tab)
        @php
            $isActive = $rankingScope === $tab['scope'];
            $href = route('dashboard.ranking', array_merge($filterQuery, [
                'ranking_scope' => $tab['scope']->value,
            ]));
        @endphp
        <a
            href="{{ $href }}"
            @class([
                'inline-flex items-center rounded-lg border px-4 py-2 text-sm font-medium transition',
                'border-blue-600 bg-blue-600 text-white shadow-sm' => $isActive,
                'border-gray-300 bg-white text-gray-700 hover:bg-gray-50' => ! $isActive,
            ])
            @if($isActive) aria-current="page" @endif
        >
            {{ $tab['label'] }}
        </a>
    @endforeach
</nav>