@php
    $activeTab = $activeTab ?? 'current';
    $items = [
        ['key' => 'current', 'label' => 'Current Plan', 'route' => route('admin.subscription.current')],
        ['key' => 'upgrade', 'label' => 'Upgrade Plan', 'route' => route('admin.subscription.upgrade')],
        ['key' => 'billing', 'label' => 'Billing History', 'route' => route('admin.subscription.billing-history')],
        ['key' => 'payment', 'label' => 'Payment Method', 'route' => route('admin.subscription.payment-method')],
        ['key' => 'usage', 'label' => 'Usage Limits', 'route' => route('admin.subscription.usage-limits')],
    ];
@endphp

<nav class="overflow-x-auto pb-1 booklio-scrollbar">
    <div class="flex min-w-max gap-2">
        @foreach ($items as $item)
            <a href="{{ $item['route'] }}" class="inline-flex h-10 items-center rounded-lg border px-4 text-sm font-bold transition {{ $activeTab === $item['key'] ? 'border-booklio-primary bg-blue-50 text-booklio-primary' : 'border-booklio-border bg-white text-slate-700 hover:bg-slate-50' }}">
                {{ $item['label'] }}
            </a>
        @endforeach
    </div>
</nav>