@php
    $currentRoute = request()->route()->getName() ?? '';
    $currentModule = explode('.', $currentRoute)[0] ?? '';
    $sidebarCollapsed = session('sidebar_collapsed', false);
@endphp
<aside id="sidebar" class="sidebar {{ $sidebarCollapsed ? 'collapsed' : '' }}">
    <div class="sidebar-inner">
        <div class="sidebar-brand d-flex align-items-center px-3 py-3">
            <div class="brand-icon me-2">
                @if(file_exists(public_path('images/logo-white.png')))
                    <img src="{{ asset('images/logo-white.png') }}" alt="Logo" width="32" height="32">
                @else
                    <div class="bg-primary bg-gradient rounded d-flex align-items-center justify-content-center" style="width:32px;height:32px;">
                        <i class="bi bi-box-seam text-white"></i>
                    </div>
                @endif
            </div>
            <div class="brand-text">
                <h6 class="mb-0 fw-bold text-white">EXIM ERP</h6>
                <small class="text-white-50 d-none">Enterprise Suite</small>
            </div>
            <button class="sidebar-close-btn ms-auto d-none btn btn-link text-white-50" id="sidebarCloseBtn">
                <i class="bi bi-x-lg"></i>
            </button>
        </div>

        <div class="sidebar-user px-3 pb-3 d-none">
            <div class="d-flex align-items-center">
                <div class="avatar-sm me-2">
                    @if(auth()->user()->avatar ?? false)
                        <img src="{{ asset('storage/' . auth()->user()->avatar) }}" class="rounded-circle" width="36" height="36" alt="{{ auth()->user()->name }}">
                    @else
                        <div class="bg-primary bg-gradient rounded-circle d-flex align-items-center justify-content-center text-white fw-semibold" style="width:36px;height:36px;font-size:0.85rem;">
                            {{ strtoupper(substr(auth()->user()->name ?? 'U', 0, 2)) }}
                        </div>
                    @endif
                </div>
                <div class="flex-grow-1 overflow-hidden">
                    <div class="text-white fw-medium text-truncate" style="font-size:0.85rem;">{{ auth()->user()->name ?? 'User' }}</div>
                    <div class="text-white-50 text-truncate" style="font-size:0.75rem;">{{ auth()->user()->email ?? '' }}</div>
                </div>
            </div>
        </div>

        <hr class="text-white-50 mx-3 my-0 opacity-25 d-none">

        <nav class="sidebar-nav" id="sidebarNav">
            <ul class="nav flex-column px-2 py-2">
                <li class="nav-item">
                    <a href="{{ route('dashboard') }}" class="nav-link {{ $currentRoute === 'dashboard' ? 'active' : '' }}">
                        <i class="bi bi-grid-1x2-fill nav-icon"></i>
                        <span class="nav-text">Dashboard</span>
                    </a>
                </li>

                <li class="nav-section-title text-uppercase text-white-50 fw-semibold px-3 mt-3 mb-1" style="font-size:0.65rem;letter-spacing:0.08em;">Masters</li>

                <li class="nav-item">
                    <a href="#mastersMenu" class="nav-link has-submenu {{ Str::startsWith($currentRoute, 'masters.') ? 'active' : '' }}" data-bs-toggle="collapse">
                        <i class="bi bi-database-fill-gear nav-icon"></i>
                        <span class="nav-text">Masters</span>
                        <i class="bi bi-chevron-down ms-auto submenu-arrow"></i>
                    </a>
                    <div class="collapse submenu {{ Str::startsWith($currentRoute, 'masters.') ? 'show' : '' }}" id="mastersMenu">
                        <ul class="nav flex-column sub-nav">
                            <li class="nav-item"><a href="{{ route('masters.customers.index') }}" class="nav-link {{ $currentRoute === 'masters.customers.index' ? 'active' : '' }}"><i class="bi bi-people-fill me-2"></i>Customers</a></li>
                            <li class="nav-item"><a href="{{ route('masters.suppliers.index') }}" class="nav-link {{ $currentRoute === 'masters.suppliers.index' ? 'active' : '' }}"><i class="bi bi-truck me-2"></i>Suppliers</a></li>
                            <li class="nav-item"><a href="{{ route('masters.products.index') }}" class="nav-link {{ $currentRoute === 'masters.products.index' ? 'active' : '' }}"><i class="bi bi-box-seam me-2"></i>Products</a></li>
                            <li class="nav-item"><a href="{{ route('masters.countries.index') }}" class="nav-link {{ $currentRoute === 'masters.countries.index' ? 'active' : '' }}"><i class="bi bi-globe2 me-2"></i>Countries</a></li>
                            <li class="nav-item"><a href="{{ route('masters.states.index') }}" class="nav-link {{ $currentRoute === 'masters.states.index' ? 'active' : '' }}"><i class="bi bi-map me-2"></i>States</a></li>
                            <li class="nav-item"><a href="{{ route('masters.cities.index') }}" class="nav-link {{ $currentRoute === 'masters.cities.index' ? 'active' : '' }}"><i class="bi bi-building me-2"></i>Cities</a></li>
                            <li class="nav-item"><a href="{{ route('masters.ports.index') }}" class="nav-link {{ $currentRoute === 'masters.ports.index' ? 'active' : '' }}"><i class="bi bi-anchor me-2"></i>Ports</a></li>
                            <li class="nav-item"><a href="{{ route('masters.currencies.index') }}" class="nav-link {{ $currentRoute === 'masters.currencies.index' ? 'active' : '' }}"><i class="bi bi-currency-exchange me-2"></i>Currencies</a></li>
                            <li class="nav-item"><a href="{{ route('masters.airlines.index') }}" class="nav-link {{ $currentRoute === 'masters.airlines.index' ? 'active' : '' }}"><i class="bi bi-airplane me-2"></i>Airlines</a></li>
                            <li class="nav-item"><a href="{{ route('masters.shipping-lines.index') }}" class="nav-link {{ $currentRoute === 'masters.shipping-lines.index' ? 'active' : '' }}"><i class="bi bi-ship me-2"></i>Shipping Lines</a></li>
                            <li class="nav-item"><a href="{{ route('masters.cha-agents.index') }}" class="nav-link {{ $currentRoute === 'masters.cha-agents.index' ? 'active' : '' }}"><i class="bi bi-person-badge me-2"></i>CHA Agents</a></li>
                            <li class="nav-item"><a href="{{ route('masters.transporters.index') }}" class="nav-link {{ $currentRoute === 'masters.transporters.index' ? 'active' : '' }}"><i class="bi bi-truck-flatbed me-2"></i>Transporters</a></li>
                            <li class="nav-item"><a href="{{ route('masters.warehouses.index') }}" class="nav-link {{ $currentRoute === 'masters.warehouses.index' ? 'active' : '' }}"><i class="bi bi-house-door me-2"></i>Warehouses</a></li>
                            <li class="nav-item"><a href="{{ route('masters.banks.index') }}" class="nav-link {{ $currentRoute === 'masters.banks.index' ? 'active' : '' }}"><i class="bi bi-bank me-2"></i>Banks</a></li>
                            <li class="nav-item"><a href="{{ route('masters.container-types.index') }}" class="nav-link {{ $currentRoute === 'masters.container-types.index' ? 'active' : '' }}"><i class="bi bi-box2 me-2"></i>Container Types</a></li>
                            <li class="nav-item"><a href="{{ route('masters.vehicles.index') }}" class="nav-link {{ $currentRoute === 'masters.vehicles.index' ? 'active' : '' }}"><i class="bi bi-bus-front me-2"></i>Vehicles</a></li>
                            <li class="nav-item"><a href="{{ route('masters.drivers.index') }}" class="nav-link {{ $currentRoute === 'masters.drivers.index' ? 'active' : '' }}"><i class="bi bi-person-video3 me-2"></i>Drivers</a></li>
                            <li class="nav-item"><a href="{{ route('masters.employees.index') }}" class="nav-link {{ $currentRoute === 'masters.employees.index' ? 'active' : '' }}"><i class="bi bi-person-gear me-2"></i>Employees</a></li>
                            <li class="nav-item"><a href="{{ route('masters.hs-codes.index') }}" class="nav-link {{ $currentRoute === 'masters.hs-codes.index' ? 'active' : '' }}"><i class="bi bi-upc-scan me-2"></i>HS Codes</a></li>
                            <li class="nav-item"><a href="{{ route('masters.incoterms.index') }}" class="nav-link {{ $currentRoute === 'masters.incoterms.index' ? 'active' : '' }}"><i class="bi bi-tag me-2"></i>Incoterms</a></li>
                            <li class="nav-item"><a href="{{ route('masters.payment-terms.index') }}" class="nav-link {{ $currentRoute === 'masters.payment-terms.index' ? 'active' : '' }}"><i class="bi bi-credit-card me-2"></i>Payment Terms</a></li>
                            <li class="nav-item"><a href="{{ route('masters.taxes.index') }}" class="nav-link {{ $currentRoute === 'masters.taxes.index' ? 'active' : '' }}"><i class="bi bi-percent me-2"></i>Taxes</a></li>
                            <li class="nav-item"><a href="{{ route('masters.tax-groups.index') }}" class="nav-link {{ $currentRoute === 'masters.tax-groups.index' ? 'active' : '' }}"><i class="bi bi-collection me-2"></i>Tax Groups</a></li>
                            <li class="nav-item"><a href="{{ route('masters.uom.index') }}" class="nav-link {{ $currentRoute === 'masters.uom.index' ? 'active' : '' }}"><i class="bi bi-rulers me-2"></i>Units of Measure</a></li>
                            <li class="nav-item"><a href="{{ route('masters.cost-centers.index') }}" class="nav-link {{ $currentRoute === 'masters.cost-centers.index' ? 'active' : '' }}"><i class="bi bi-pie-chart me-2"></i>Cost Centers</a></li>
                            <li class="nav-item"><a href="{{ route('masters.profit-centers.index') }}" class="nav-link {{ $currentRoute === 'masters.profit-centers.index' ? 'active' : '' }}"><i class="bi bi-graph-up me-2"></i>Profit Centers</a></li>
                        </ul>
                    </div>
                </li>

                <li class="nav-section-title text-uppercase text-white-50 fw-semibold px-3 mt-3 mb-1" style="font-size:0.65rem;letter-spacing:0.08em;">Operations</li>

                <li class="nav-item">
                    <a href="#exportMenu" class="nav-link has-submenu {{ Str::startsWith($currentRoute, 'export.') ? 'active' : '' }}" data-bs-toggle="collapse">
                        <i class="bi bi-send-fill nav-icon"></i>
                        <span class="nav-text">Export</span>
                        @if(($pendingExport ?? 0) > 0)
                            <span class="badge bg-warning text-dark ms-2">{{ $pendingExport }}</span>
                        @endif
                        <i class="bi bi-chevron-down ms-auto submenu-arrow"></i>
                    </a>
                    <div class="collapse submenu {{ Str::startsWith($currentRoute, 'export.') ? 'show' : '' }}" id="exportMenu">
                        <ul class="nav flex-column sub-nav">
                            <li class="nav-item"><a href="{{ route('export.inquiries.index') }}" class="nav-link"><i class="bi bi-search me-2"></i>Inquiries</a></li>
                            <li class="nav-item"><a href="{{ route('export.quotations.index') }}" class="nav-link"><i class="bi bi-file-earmark-text me-2"></i>Quotations</a></li>
                            <li class="nav-item"><a href="{{ route('export.orders.index') }}" class="nav-link"><i class="bi bi-cart-check me-2"></i>Sales Orders</a></li>
                            <li class="nav-item"><a href="{{ route('export.bookings.index') }}" class="nav-link"><i class="bi bi-calendar-check me-2"></i>Bookings</a></li>
                            <li class="nav-item"><a href="{{ route('export.shipments.index') }}" class="nav-link"><i class="bi bi-box-arrow-up me-2"></i>Shipments</a></li>
                            <li class="nav-item"><a href="{{ route('export.documents.index') }}" class="nav-link"><i class="bi bi-file-earmark-check me-2"></i>Documents</a></li>
                        </ul>
                    </div>
                </li>

                <li class="nav-item">
                    <a href="#importMenu" class="nav-link has-submenu {{ Str::startsWith($currentRoute, 'import.') ? 'active' : '' }}" data-bs-toggle="collapse">
                        <i class="bi bi-download nav-icon"></i>
                        <span class="nav-text">Import</span>
                        @if(($pendingImport ?? 0) > 0)
                            <span class="badge bg-warning text-dark ms-2">{{ $pendingImport }}</span>
                        @endif
                        <i class="bi bi-chevron-down ms-auto submenu-arrow"></i>
                    </a>
                    <div class="collapse submenu {{ Str::startsWith($currentRoute, 'import.') ? 'show' : '' }}" id="importMenu">
                        <ul class="nav flex-column sub-nav">
                            <li class="nav-item"><a href="{{ route('import.orders.index') }}" class="nav-link"><i class="bi bi-cart-plus me-2"></i>Purchase Orders</a></li>
                            <li class="nav-item"><a href="{{ route('import.shipments.index') }}" class="nav-link"><i class="bi bi-box-arrow-down me-2"></i>Incoming Shipments</a></li>
                            <li class="nav-item"><a href="{{ route('import.bill-of-entry.index') }}" class="nav-link"><i class="bi bi-file-earmark-pdf me-2"></i>Bill of Entry</a></li>
                            <li class="nav-item"><a href="{{ route('import.clearance.index') }}" class="nav-link"><i class="bi bi-check2-circle me-2"></i>Customs Clearance</a></li>
                            <li class="nav-item"><a href="{{ route('import.delivery.index') }}" class="nav-link"><i class="bi bi-truck me-2"></i>Delivery</a></li>
                        </ul>
                    </div>
                </li>

                <li class="nav-item">
                    <a href="#freightMenu" class="nav-link has-submenu {{ Str::startsWith($currentRoute, 'freight.') ? 'active' : '' }}" data-bs-toggle="collapse">
                        <i class="bi bi-truck-plane nav-icon"></i>
                        <span class="nav-text">Freight</span>
                        <i class="bi bi-chevron-down ms-auto submenu-arrow"></i>
                    </a>
                    <div class="collapse submenu {{ Str::startsWith($currentRoute, 'freight.') ? 'show' : '' }}" id="freightMenu">
                        <ul class="nav flex-column sub-nav">
                            <li class="nav-item"><a href="{{ route('freight.ocean.index') }}" class="nav-link"><i class="bi bi-water me-2"></i>Ocean Freight</a></li>
                            <li class="nav-item"><a href="{{ route('freight.air.index') }}" class="nav-link"><i class="bi bi-airplane me-2"></i>Air Freight</a></li>
                            <li class="nav-item"><a href="{{ route('freight.road.index') }}" class="nav-link"><i class="bi bi-signpost-2 me-2"></i>Road Freight</a></li>
                            <li class="nav-item"><a href="{{ route('freight.rail.index') }}" class="nav-link"><i class="bi bi-train-front me-2"></i>Rail Freight</a></li>
                            <li class="nav-item"><a href="{{ route('freight.courier.index') }}" class="nav-link"><i class="bi bi-envelope-paper me-2"></i>Courier</a></li>
                            <li class="nav-item"><a href="{{ route('freight.consolidation.index') }}" class="nav-link"><i class="bi bi-boxes me-2"></i>Consolidation</a></li>
                        </ul>
                    </div>
                </li>

                <li class="nav-section-title text-uppercase text-white-50 fw-semibold px-3 mt-3 mb-1" style="font-size:0.65rem;letter-spacing:0.08em;">Finance</li>

                <li class="nav-item">
                    <a href="#financeMenu" class="nav-link has-submenu {{ Str::startsWith($currentRoute, 'finance.') ? 'active' : '' }}" data-bs-toggle="collapse">
                        <i class="bi bi-wallet2 nav-icon"></i>
                        <span class="nav-text">Finance</span>
                        <i class="bi bi-chevron-down ms-auto submenu-arrow"></i>
                    </a>
                    <div class="collapse submenu {{ Str::startsWith($currentRoute, 'finance.') ? 'show' : '' }}" id="financeMenu">
                        <ul class="nav flex-column sub-nav">
                            <li class="nav-item"><a href="{{ route('finance.ledger.index') }}" class="nav-link"><i class="bi bi-journal-text me-2"></i>Ledger</a></li>
                            <li class="nav-item"><a href="{{ route('finance.vouchers.index') }}" class="nav-link"><i class="bi bi-receipt me-2"></i>Vouchers</a></li>
                            <li class="nav-item"><a href="{{ route('finance.accounts-receivable.index') }}" class="nav-link"><i class="bi bi-arrow-down-left me-2"></i>Accounts Receivable</a></li>
                            <li class="nav-item"><a href="{{ route('finance.accounts-payable.index') }}" class="nav-link"><i class="bi bi-arrow-up-right me-2"></i>Accounts Payable</a></li>
                            <li class="nav-item"><a href="{{ route('finance.gst.index') }}" class="nav-link"><i class="bi bi-percent me-2"></i>GST</a></li>
                            <li class="nav-item"><a href="{{ route('finance.tds.index') }}" class="nav-link"><i class="bi bi-file-earmark-bar-graph me-2"></i>TDS</a></li>
                            <li class="nav-item"><a href="{{ route('finance.reports.index') }}" class="nav-link"><i class="bi bi-bar-chart-line me-2"></i>Financial Reports</a></li>
                        </ul>
                    </div>
                </li>

                <li class="nav-section-title text-uppercase text-white-50 fw-semibold px-3 mt-3 mb-1" style="font-size:0.65rem;letter-spacing:0.08em;">Intelligence</li>

                <li class="nav-item">
                    <a href="#aiMenu" class="nav-link has-submenu {{ Str::startsWith($currentRoute, 'ai.') ? 'active' : '' }}" data-bs-toggle="collapse">
                        <i class="bi bi-robot nav-icon"></i>
                        <span class="nav-text">AI Tools</span>
                        <i class="bi bi-chevron-down ms-auto submenu-arrow"></i>
                    </a>
                    <div class="collapse submenu {{ Str::startsWith($currentRoute, 'ai.') ? 'show' : '' }}" id="aiMenu">
                        <ul class="nav flex-column sub-nav">
                            <li class="nav-item"><a href="{{ route('ai.ocr.index') }}" class="nav-link"><i class="bi bi-upc-scan me-2"></i>OCR Processing</a></li>
                            <li class="nav-item"><a href="{{ route('ai.suggestions.index') }}" class="nav-link"><i class="bi bi-lightbulb me-2"></i>Suggestions</a></li>
                            <li class="nav-item"><a href="{{ route('ai.compliance.index') }}" class="nav-link"><i class="bi bi-shield-check me-2"></i>Compliance Check</a></li>
                            <li class="nav-item"><a href="{{ route('ai.chatbot.index') }}" class="nav-link"><i class="bi bi-chat-dots me-2"></i>Chatbot</a></li>
                        </ul>
                    </div>
                </li>

                <li class="nav-item">
                    <a href="#integrationsMenu" class="nav-link has-submenu {{ Str::startsWith($currentRoute, 'integrations.') ? 'active' : '' }}" data-bs-toggle="collapse">
                        <i class="bi bi-plug nav-icon"></i>
                        <span class="nav-text">Integrations</span>
                        <i class="bi bi-chevron-down ms-auto submenu-arrow"></i>
                    </a>
                    <div class="collapse submenu {{ Str::startsWith($currentRoute, 'integrations.') ? 'show' : '' }}" id="integrationsMenu">
                        <ul class="nav flex-column sub-nav">
                            <li class="nav-item"><a href="{{ route('integrations.dgft.index') }}" class="nav-link"><i class="bi bi-building-check me-2"></i>DGFT</a></li>
                            <li class="nav-item"><a href="{{ route('integrations.icegate.index') }}" class="nav-link"><i class="bi bi-cloud-check me-2"></i>ICEGATE</a></li>
                            <li class="nav-item"><a href="{{ route('integrations.gstn.index') }}" class="nav-link"><i class="bi bi-file-earmark-check me-2"></i>GSTN</a></li>
                        </ul>
                    </div>
                </li>

                <li class="nav-item">
                    <a href="{{ route('reports.index') }}" class="nav-link {{ $currentRoute === 'reports.index' ? 'active' : '' }}">
                        <i class="bi bi-bar-chart-line-fill nav-icon"></i>
                        <span class="nav-text">Reports & Analytics</span>
                    </a>
                </li>

                <li class="nav-section-title text-uppercase text-white-50 fw-semibold px-3 mt-3 mb-1" style="font-size:0.65rem;letter-spacing:0.08em;">System</li>

                <li class="nav-item">
                    <a href="#adminMenu" class="nav-link has-submenu {{ Str::startsWith($currentRoute, 'admin.') ? 'active' : '' }}" data-bs-toggle="collapse">
                        <i class="bi bi-gear-fill nav-icon"></i>
                        <span class="nav-text">Administration</span>
                        <i class="bi bi-chevron-down ms-auto submenu-arrow"></i>
                    </a>
                    <div class="collapse submenu {{ Str::startsWith($currentRoute, 'admin.') ? 'show' : '' }}" id="adminMenu">
                        <ul class="nav flex-column sub-nav">
                            <li class="nav-item"><a href="{{ route('admin.users.index') }}" class="nav-link"><i class="bi bi-people me-2"></i>Users</a></li>
                            <li class="nav-item"><a href="{{ route('admin.roles.index') }}" class="nav-link"><i class="bi bi-shield-lock me-2"></i>Roles & Permissions</a></li>
                            <li class="nav-item"><a href="{{ route('admin.settings.index') }}" class="nav-link"><i class="bi bi-sliders me-2"></i>Settings</a></li>
                            <li class="nav-item"><a href="{{ route('admin.audit-logs.index') }}" class="nav-link"><i class="bi bi-clock-history me-2"></i>Audit Logs</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </nav>

        <div class="sidebar-footer px-3 py-3 d-none">
            <div class="text-center">
                <small class="text-white-50" style="font-size:0.7rem;">EXIM ERP v{{ config('app.version', '1.0.0') }}</small>
            </div>
        </div>
    </div>
</aside>

<div class="sidebar-overlay" id="sidebarOverlay"></div>