{{--
    Mobile bottom menu (6 entries): Caisse, Produits, Stock, Ventes, Achats, Rapports.
    Mirrors the sidebar: filtered by permission and by route existence, so a role
    only sees the sections it is allowed to open. Hidden from `lg` up, where the
    sidebar already provides navigation.
--}}
@php
    $user = auth()->user();
    $can = fn ($permission) => $user && $user->hasPermission($permission);
    $hasRoute = fn ($route) => Route::has($route);

    $items = [
        ['label' => __('POS'), 'icon' => 'cash-register', 'route' => 'pos.create',
            'match' => ['pos*'], 'permission' => 'sales.create'],
        ['label' => __('Products'), 'icon' => 'cube', 'route' => 'products.index',
            'match' => ['products*', 'categories*', 'batches*'], 'permission' => 'products.view'],
        ['label' => __('Stock'), 'icon' => 'archive', 'route' => 'stock.global',
            'match' => ['stock*', 'transfers*', 'inventories*'], 'permission' => 'stock.view'],
        ['label' => __('Sales'), 'icon' => 'receipt', 'route' => 'sales.index',
            'match' => ['sales*', 'quotes*', 'returns*'], 'permission' => 'sales.view'],
        ['label' => __('Purchases'), 'icon' => 'truck', 'route' => 'purchases.index',
            'match' => ['purchases*', 'suppliers*', 'supplier-payments*', 'reorder*'],
            'permission' => 'purchases.view'],
        ['label' => __('Reports'), 'icon' => 'chart-bar', 'route' => 'reports.index',
            'match' => ['reports*', 'accounting*'], 'permission' => 'reports.view'],
    ];

    $visible = collect($items)->filter(function ($item) use ($can, $hasRoute) {
        if (isset($item['permission']) && ! $can($item['permission'])) {
            return false;
        }

        return $hasRoute($item['route']);
    })->values()->all();
@endphp

<nav aria-label="{{ __('Menu') }}"
     class="fixed inset-x-0 bottom-0 z-40 border-t border-slate-200 bg-white/95 pb-[env(safe-area-inset-bottom)] backdrop-blur lg:hidden dark:border-slate-700 dark:bg-slate-900/95">
    <div class="flex h-16 items-stretch justify-around">
        @foreach ($visible as $item)
            @php
                $active = collect($item['match'])->contains(fn ($pattern) => request()->routeIs($pattern));
            @endphp
            <a href="{{ route($item['route']) }}"
               @if ($active) aria-current="page" @endif
               class="relative flex w-full max-w-24 flex-col items-center justify-center gap-1 px-1 text-center transition
                      {{ $active
                          ? 'text-brand-600 dark:text-brand-400'
                          : 'text-slate-500 hover:text-brand-600 dark:text-slate-400 dark:hover:text-brand-400' }}">
                @if ($active)
                    <span class="absolute inset-x-3 top-0 h-0.5 rounded-full bg-brand-600 dark:bg-brand-400"></span>
                @endif
                <x-icon :name="$item['icon']" class="h-6 w-6" />
                <span class="w-full truncate text-[10px] font-medium leading-tight">{{ $item['label'] }}</span>
            </a>
        @endforeach
    </div>
</nav>