{{-- Mobile Bottom Navigation (visible only on mobile) --}}
<nav class="mobile-bottom-nav d-print-none">
    <a href="{{ route('admin.dashboard') }}" class="nav-item {{ request()->routeIs('admin.dashboard') ? 'active' : '' }}">
        <i class="ti ti-home"></i>
        <span>الرئيسية</span>
    </a>
    <a href="{{ route('admin.orders.index') }}" class="nav-item {{ request()->routeIs('admin.orders.*') ? 'active' : '' }}">
        <i class="ti ti-package"></i>
        <span>الطلبات</span>
    </a>

    {{-- FAB button: New Order --}}
    <a href="{{ route('admin.orders.create') }}" class="nav-fab" title="طلب جديد">
        <i class="ti ti-plus"></i>
    </a>

    <a href="{{ route('admin.pos.cashier') }}" class="nav-item {{ request()->routeIs('admin.pos.*') ? 'active' : '' }}">
        <i class="ti ti-cash-register"></i>
        <span>نقطة البيع</span>
    </a>
    <a href="#" class="nav-item" data-bs-toggle="offcanvas" data-bs-target="#mobileMenuDrawer" aria-controls="mobileMenuDrawer">
        <i class="ti ti-menu-2"></i>
        <span>المزيد</span>
    </a>
</nav>

{{-- More Menu — Offcanvas drawer --}}
<div class="offcanvas offcanvas-bottom" tabindex="-1" id="mobileMenuDrawer" style="height:auto;max-height:80vh">
    <div class="offcanvas-header border-bottom">
        <h5 class="offcanvas-title"><i class="ti ti-apps ms-1"></i> الموديولات</h5>
        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="إغلاق"></button>
    </div>
    <div class="offcanvas-body">
        <div class="row g-2">
            <div class="col-3"><a href="{{ route('admin.customers.index') }}" class="d-block text-center p-2 border rounded text-decoration-none"><i class="ti ti-users text-primary" style="font-size:24px"></i><div class="small mt-1">العملاء</div></a></div>
            <div class="col-3"><a href="{{ route('admin.suppliers.index') }}" class="d-block text-center p-2 border rounded text-decoration-none"><i class="ti ti-truck text-info" style="font-size:24px"></i><div class="small mt-1">الموردين</div></a></div>
            <div class="col-3"><a href="{{ route('admin.items.index') }}" class="d-block text-center p-2 border rounded text-decoration-none"><i class="ti ti-box text-warning" style="font-size:24px"></i><div class="small mt-1">الأصناف</div></a></div>
            <div class="col-3"><a href="{{ route('admin.quotations.index') }}" class="d-block text-center p-2 border rounded text-decoration-none"><i class="ti ti-file-invoice text-success" style="font-size:24px"></i><div class="small mt-1">عروض الأسعار</div></a></div>

            <div class="col-3"><a href="{{ route('admin.invoices.index') }}" class="d-block text-center p-2 border rounded text-decoration-none"><i class="ti ti-receipt text-success" style="font-size:24px"></i><div class="small mt-1">الفواتير</div></a></div>
            <div class="col-3"><a href="{{ route('admin.job-tickets.index') }}" class="d-block text-center p-2 border rounded text-decoration-none"><i class="ti ti-clipboard-list text-warning" style="font-size:24px"></i><div class="small mt-1">بطاقات الشغل</div></a></div>
            <div class="col-3"><a href="{{ route('admin.machines.index') }}" class="d-block text-center p-2 border rounded text-decoration-none"><i class="ti ti-cpu text-info" style="font-size:24px"></i><div class="small mt-1">الماكينات</div></a></div>
            <div class="col-3"><a href="{{ route('admin.employees.index') }}" class="d-block text-center p-2 border rounded text-decoration-none"><i class="ti ti-user text-primary" style="font-size:24px"></i><div class="small mt-1">الموظفين</div></a></div>

            <div class="col-3"><a href="{{ route('admin.payments.index', ['type'=>'receipt']) }}" class="d-block text-center p-2 border rounded text-decoration-none"><i class="ti ti-arrow-down text-success" style="font-size:24px"></i><div class="small mt-1">قبض</div></a></div>
            <div class="col-3"><a href="{{ route('admin.payments.index', ['type'=>'payment']) }}" class="d-block text-center p-2 border rounded text-decoration-none"><i class="ti ti-arrow-up text-danger" style="font-size:24px"></i><div class="small mt-1">صرف</div></a></div>
            <div class="col-3"><a href="{{ route('admin.expenses.index') }}" class="d-block text-center p-2 border rounded text-decoration-none"><i class="ti ti-wallet text-warning" style="font-size:24px"></i><div class="small mt-1">المصروفات</div></a></div>
            <div class="col-3"><a href="{{ route('admin.treasuries.index') }}" class="d-block text-center p-2 border rounded text-decoration-none"><i class="ti ti-cash text-info" style="font-size:24px"></i><div class="small mt-1">الخزائن</div></a></div>

            <div class="col-3"><a href="{{ route('admin.purchase-orders.index') }}" class="d-block text-center p-2 border rounded text-decoration-none"><i class="ti ti-shopping-bag text-primary" style="font-size:24px"></i><div class="small mt-1">أوامر شراء</div></a></div>
            <div class="col-3"><a href="{{ route('admin.pricing-calculator') }}" class="d-block text-center p-2 border rounded text-decoration-none"><i class="ti ti-calculator text-danger" style="font-size:24px"></i><div class="small mt-1">حاسبة التسعير</div></a></div>
            <div class="col-3"><a href="{{ route('admin.reports.index') }}" class="d-block text-center p-2 border rounded text-decoration-none"><i class="ti ti-chart-dots text-purple" style="font-size:24px;color:#6f42c1"></i><div class="small mt-1">التقارير</div></a></div>
            <div class="col-3"><a href="{{ route('admin.settings.index') }}" class="d-block text-center p-2 border rounded text-decoration-none"><i class="ti ti-settings text-secondary" style="font-size:24px"></i><div class="small mt-1">الإعدادات</div></a></div>
        </div>

        <hr>

        <form method="POST" action="{{ route('logout') }}">
            @csrf
            <button type="submit" class="btn btn-outline-danger w-100"><i class="ti ti-logout ms-1"></i> تسجيل الخروج</button>
        </form>
    </div>
</div>