@php
$tabs = [
    ['route'=>'dashboard.statistics.index',         'label'=>__('dashboard.Overview'),              'icon'=>'fa-solid fa-table-columns'],
    ['route'=>'dashboard.statistics.smart_reports', 'label'=>__('dashboard.sidebar_smart_reports'), 'icon'=>'fa-solid fa-chart-pie'],
    ['route'=>'dashboard.statistics.sales',         'label'=>__('dashboard.Sales'),                 'icon'=>'fa-solid fa-cart-shopping'],
    ['route'=>'dashboard.statistics.product_sales', 'label'=>__('dashboard.stats_product_sales_title'),                    'icon'=>'fa-solid fa-boxes-stacked'],
    ['route'=>'dashboard.statistics.reservations',  'label'=>__('dashboard.Reservations'),          'icon'=>'fa-solid fa-calendar-check'],
    ['route'=>'dashboard.statistics.transactions',  'label'=>__('dashboard.stats_transactions_title'),                   'icon'=>'fa-solid fa-building-columns'],
    ['route'=>'dashboard.statistics.purchases',     'label'=>__('dashboard.Purchases'),             'icon'=>'fa-solid fa-bag-shopping'],
    ['route'=>'dashboard.statistics.expenses',      'label'=>__('dashboard.Expenses'),              'icon'=>'fa-solid fa-wallet'],
    ['route'=>'dashboard.statistics.laundry',       'label'=>__('dashboard.Laundry'),               'icon'=>'fa-solid fa-droplet'],
    ['route'=>'dashboard.statistics.rented_products','label'=>__('dashboard.stats_rented_products_title'),                   'icon'=>'fa-solid fa-rotate'],
    ['route'=>'dashboard.statistics.moderators',    'label'=>__('dashboard.seller'),                              'icon'=>'fa-solid fa-user-gear'],
    ['route'=>'dashboard.staff_performance',        'label'=>__('dashboard.sellers'),                            'icon'=>'fa-solid fa-id-badge'],
];
@endphp

<nav class="stat-nav">
    @foreach($tabs as $tab)
    <a href="{{ route($tab['route']) }}"
       class="stat-nav__link {{ isActiveRoute($tab['route']) ? 'stat-nav__link--active' : '' }}">
        <i class="{{ $tab['icon'] }}"></i>
        <span>{{ $tab['label'] }}</span>
    </a>
    @endforeach
</nav>

<style>
.stat-nav {
    display: flex; flex-wrap: wrap; gap: .35rem;
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: var(--radius-xl); padding: .45rem;
    box-shadow: var(--shadow-card);
    margin-bottom: 1.25rem;
}
.stat-nav__link {
    display: inline-flex; align-items: center; gap: .4rem;
    padding: .45rem .8rem; border-radius: var(--radius-sm);
    font-size: .8rem; font-weight: 700; color: var(--text-muted);
    text-decoration: none; transition: background .12s, color .12s;
    white-space: nowrap;
}
.stat-nav__link:hover { background: var(--surface-100); color: var(--text-primary); }
.stat-nav__link--active { background: var(--c-primary-bg); color: var(--c-primary-dark); font-weight: 800; }
</style>