@php
    $tabs = [
        ['label' => 'فضای کاری', 'route' => 'settings.workspace'],
        ['label' => 'ظاهر', 'route' => 'settings.branding'],
        ['label' => 'اعضا', 'route' => 'settings.members'],
        ['label' => 'نقش‌ها', 'route' => 'settings.roles'],
        ['label' => 'قواعد پورسانت', 'route' => 'settings.commission-rules'],
        ['label' => 'اهداف فروش', 'route' => 'settings.sales-targets'],
        ['label' => 'پیامک', 'route' => 'settings.sms'],
    ];
@endphp

<div class="mb-6 border-b border-[var(--panel-border)]">
    <nav class="-mb-px flex gap-4 overflow-x-auto">
        @foreach ($tabs as $tab)
            @continue (! Route::has($tab['route']))
            <a
                href="{{ route($tab['route']) }}"
                wire:navigate
                @class([
                    'whitespace-nowrap border-b-2 px-1 py-3 text-sm font-medium',
                    'border-[var(--panel-accent)] text-[var(--panel-primary)]' => request()->routeIs($tab['route']),
                    'border-transparent text-[var(--panel-muted)] hover:border-[var(--panel-border-strong)] hover:text-[var(--panel-primary)]' => ! request()->routeIs($tab['route']),
                ])
            >
                {{ $tab['label'] }}
            </a>
        @endforeach
    </nav>
</div>