@php
    $companies = auth()->user() ? auth()->user()->getAllowedCompanies() : collect();
    $activeCompanyId = currentCompanyId();
    $activeCompany = $companies->where('id', $activeCompanyId)->first();
    $switchableCompanies = (auth()->user()->role === 'admin')
        ? $companies->where('mode', '!=', 'cash')
        : $companies;
    $role = auth()->user()?->role ?? 'viewer';
    $isAdmin = ($role === 'admin');
    $isCa = ($role === 'ca');
    $isCashRole = ($role === 'cash');
    $isCash = currentCompany()?->mode === 'cash';
    $cashModeActive = $activeCompany && $activeCompany->mode === 'cash';
    $companyColors = [1 => '#04a9f5', 2 => '#6610f2', 3 => '#fd7e14'];
    $activeColor = $companyColors[$activeCompanyId] ?? '#4361ee';
    $currentRoute = request()->route()?->getName();
@endphp

{{-- ═══ TOP BAR ═══ --}}
<header class="topbar" style="--topbar-accent:{{ $activeColor }}">
    <div class="topbar-inner">

        {{-- Left: Company switcher --}}
        <div class="topbar-left">
            @if($switchableCompanies->count() > 1 || $isAdmin)
            <div class="dropdown">
                <button class="topbar-brand" type="button" data-bs-toggle="dropdown">
                    <span class="topbar-brand-dot" style="background:{{ $activeColor }}"></span>
                    <span class="topbar-brand-name">{{ $activeCompany->name ?? 'N/A' }}</span>
                    <i class="ti ti-chevron-down topbar-brand-arrow"></i>
                </button>
                <div class="dropdown-menu topbar-brand-menu">
                    <div class="topbar-brand-label">Switch Company</div>
                    @foreach ($switchableCompanies as $company)
                    <a class="topbar-brand-item {{ $company->id == $activeCompanyId ? 'active' : '' }}"
                       href="{{ url('/c/' . $company->id . '/dashboard') }}">
                        <span class="topbar-brand-dot" style="background:{{ $companyColors[$company->id] ?? '#6c757d' }}"></span>
                        <span class="topbar-brand-item-info">
                            <span>{{ $company->name }}</span>
                            <small>GST: {{ $company->gstin }}</small>
                        </span>
                        @if($company->id == $activeCompanyId)
                        <i class="ti ti-check"></i>
                        @endif
                    </a>
                    @endforeach
                </div>
            </div>
            @else
            <span class="topbar-brand" style="cursor:default">
                <span class="topbar-brand-dot" style="background:{{ $activeColor }}"></span>
                <span class="topbar-brand-name">{{ $activeCompany->name ?? 'N/A' }}</span>
            </span>
            @endif

            @if($cashModeActive && !$isCashRole)
            <span class="topbar-cash-badge">Cash</span>
            @endif

            @if($isAdmin)
            <span id="cashModeDot" style="display:inline-block;width:6px;height:6px;border-radius:50%;background:{{ $cashModeActive ? '#ef4444' : '#cbd5e1' }};margin-left:4px;cursor:default;vertical-align:middle;opacity:.5"></span>
            @endif
        </div>

        {{-- Center: Navigation (desktop) --}}
        <nav class="topbar-nav d-none d-lg-flex">
            {{-- Home --}}
            <a class="topbar-nav-link {{ $currentRoute === 'dashboard.home' ? 'active' : '' }}" href="{{ route('dashboard.home') }}">
                <i class="ph-duotone ph-house"></i> Home
            </a>

            @if(!$isCashRole && !$isCa)
            {{-- Masters --}}
            <div class="dropdown topbar-nav-item">
                <a class="topbar-nav-link {{ str_starts_with($currentRoute, 'customers.') || str_starts_with($currentRoute, 'products.') || str_starts_with($currentRoute, 'shipping-labels') || str_starts_with($currentRoute, 'stock-stickers') ? 'active' : '' }}"
                   href="#" data-bs-toggle="dropdown">
                    <i class="ph-duotone ph-squares-four"></i> Masters <i class="ti ti-chevron-down"></i>
                </a>
                <div class="dropdown-menu topbar-dropdown">
                    <a class="topbar-dropdown-item {{ str_starts_with($currentRoute, 'customers.') ? 'active' : '' }}" href="{{ route('customers.index') }}"><i class="ph-duotone ph-users"></i> Customers</a>
                    <a class="topbar-dropdown-item {{ str_starts_with($currentRoute, 'products.') ? 'active' : '' }}" href="{{ route('products.index') }}"><i class="ph-duotone ph-cube"></i> Products</a>
                    <a class="topbar-dropdown-item {{ str_starts_with($currentRoute, 'shipping-labels') ? 'active' : '' }}" href="{{ route('shipping-labels.index') }}"><i class="ph-duotone ph-package"></i> Shipping Labels</a>
                    <a class="topbar-dropdown-item {{ str_starts_with($currentRoute, 'stock-stickers') ? 'active' : '' }}" href="{{ route('stock-stickers.index') }}"><i class="ph-duotone ph-sticker"></i> Stock Stickers</a>
                </div>
            </div>
            @endif

            {{-- Purchase --}}
            <div class="dropdown topbar-nav-item">
                <a class="topbar-nav-link {{ str_starts_with($currentRoute, 'purchase') || str_starts_with($currentRoute, 'inwards') ? 'active' : '' }}"
                   href="#" data-bs-toggle="dropdown">
                    <i class="ph-duotone ph-note"></i> Purchase <i class="ti ti-chevron-down"></i>
                </a>
                <div class="dropdown-menu topbar-dropdown">
                    @if(($cashModeActive || $isCashRole) && !$isCa)<a class="topbar-dropdown-item {{ str_starts_with($currentRoute, 'purchase-orders') ? 'active' : '' }}" href="{{ route('purchase-orders.index') }}"><i class="ph-duotone ph-clipboard-text"></i> Purchase Orders</a>@endif
                    @if(!$isCashRole)
                    @if(!$isCa)
                    <a class="topbar-dropdown-item {{ $currentRoute === 'purchase.index' || $currentRoute === 'purchase.create' || $currentRoute === 'purchase.show' ? 'active' : '' }}" href="{{ route('purchase.index') }}"><i class="ph-duotone ph-note"></i> Purchase Bill</a>
                    <a class="topbar-dropdown-item {{ str_starts_with($currentRoute, 'purchase-returns') ? 'active' : '' }}" href="{{ route('purchase-returns.index') }}"><i class="ph-duotone ph-arrow-u-up-left"></i> Purchase Return</a>
                    @endif
                    <a class="topbar-dropdown-item {{ str_starts_with($currentRoute, 'purchase-payments') ? 'active' : '' }}" href="{{ route('purchase-payments.index') }}"><i class="ph-duotone ph-currency-dollar"></i> Payments</a>
                    @endif
                </div>
            </div>

            {{-- Sales --}}
            <div class="dropdown topbar-nav-item">
                <a class="topbar-nav-link {{ str_starts_with($currentRoute, 'sale') || str_starts_with($currentRoute, 'proforma') || str_starts_with($currentRoute, 'outwards') || str_starts_with($currentRoute, 'otc-sales') ? 'active' : '' }}"
                   href="#" data-bs-toggle="dropdown">
                    <i class="ph-duotone ph-receipt"></i> Sales <i class="ti ti-chevron-down"></i>
                </a>
                <div class="dropdown-menu topbar-dropdown">
                    @if($cashModeActive && !$isCa)<a class="topbar-dropdown-item {{ str_starts_with($currentRoute, 'sale-enquiries') ? 'active' : '' }}" href="{{ route('sale-enquiries.index') }}"><i class="ph-duotone ph-newspaper-clipping"></i> Sales Enquiry</a>@endif
                    @if(!$isCa)
                    <a class="topbar-dropdown-item {{ str_starts_with($currentRoute, 'proforma-invoices') ? 'active' : '' }}" href="{{ route('proforma-invoices.index') }}"><i class="ph-duotone ph-file-dashed"></i> Proforma Invoice</a>
                    <a class="topbar-dropdown-item {{ str_starts_with($currentRoute, 'outwards') ? 'active' : '' }}" href="{{ route('outwards.index') }}"><i class="ph-duotone ph-export"></i> Product Outwards</a>
                    <a class="topbar-dropdown-item {{ $currentRoute === 'sale.index' || $currentRoute === 'sale.create' || $currentRoute === 'sale.show' ? 'active' : '' }}" href="{{ route('sale.index') }}"><i class="ph-duotone ph-receipt"></i> Sales Bill</a>
                    @endif
                    @if($cashModeActive || $isCashRole || $isCa)
                    <a class="topbar-dropdown-item {{ str_starts_with($currentRoute, 'otc-sales') ? 'active' : '' }}" href="{{ route('otc-sales.index') }}"><i class="ph-duotone ph-storefront"></i> OTC Sales</a>
                    @endif
                    @if(!$isCashRole)
                    <a class="topbar-dropdown-item {{ str_starts_with($currentRoute, 'sale-receipts') ? 'active' : '' }}" href="{{ route('sale-receipts.index') }}"><i class="ph-duotone ph-money"></i> Receipts</a>
                    @if(!$isCa)
                    <a class="topbar-dropdown-item {{ str_starts_with($currentRoute, 'sale-returns') ? 'active' : '' }}" href="{{ route('sale-returns.index') }}"><i class="ph-duotone ph-arrow-u-up-left"></i> Sales Return</a>
                    @endif
                    @endif
                </div>
            </div>

            @if(!$isCashRole)
            @if($cashModeActive)
            {{-- Field --}}
            <a class="topbar-nav-link {{ str_starts_with($currentRoute, 'trade-exhibitions') ? 'active' : '' }}" href="{{ route('trade-exhibitions.index') }}">
                <i class="ph-duotone ph-map-pin"></i> Field
            </a>
            @endif

            {{-- Reports --}}
            <div class="dropdown topbar-nav-item">
                <a class="topbar-nav-link {{ str_starts_with($currentRoute, 'reports.') || str_starts_with($currentRoute, 'ledger.') || str_starts_with($currentRoute, 'tally-export') ? 'active' : '' }}"
                   href="#" data-bs-toggle="dropdown">
                    <i class="ph-duotone ph-chart-bar"></i> Reports <i class="ti ti-chevron-down"></i>
                </a>
                <div class="dropdown-menu topbar-dropdown">
                    <a class="topbar-dropdown-item {{ str_starts_with($currentRoute, 'ledger.') ? 'active' : '' }}" href="{{ route('ledger.index') }}"><i class="ph-duotone ph-book-open"></i> Ledger</a>
                    <a class="topbar-dropdown-item {{ $currentRoute === 'reports.outstandings' ? 'active' : '' }}" href="{{ route('reports.outstandings') }}"><i class="ph-duotone ph-scales"></i> Outstandings</a>
                    <hr class="dropdown-divider">
                    <a class="topbar-dropdown-item {{ $currentRoute === 'reports.gst-sales' ? 'active' : '' }}" href="{{ route('reports.gst-sales') }}">GST Sales</a>
                    <a class="topbar-dropdown-item {{ $currentRoute === 'reports.gst-purchase' ? 'active' : '' }}" href="{{ route('reports.gst-purchase') }}">GST Purchase</a>
                    <a class="topbar-dropdown-item {{ $currentRoute === 'reports.gst-purchase-return' ? 'active' : '' }}" href="{{ route('reports.gst-purchase-return') }}">GST Purchase Return</a>
                    <hr class="dropdown-divider">
                    <a class="topbar-dropdown-item {{ $currentRoute === 'reports.sales-customer-wise' ? 'active' : '' }}" href="{{ route('reports.sales-customer-wise') }}">Sales (Customer)</a>
                    <a class="topbar-dropdown-item {{ $currentRoute === 'reports.sales-product-wise' ? 'active' : '' }}" href="{{ route('reports.sales-product-wise') }}">Sales (Product)</a>
                    @if($cashModeActive)
                    <a class="topbar-dropdown-item {{ $currentRoute === 'reports.field-entries' ? 'active' : '' }}" href="{{ route('reports.field-entries') }}">Field Report</a>
                    @endif
                    <a class="topbar-dropdown-item {{ $currentRoute === 'reports.purchase-product-wise' ? 'active' : '' }}" href="{{ route('reports.purchase-product-wise') }}">Purchases (Product)</a>
                    <a class="topbar-dropdown-item {{ $currentRoute === 'reports.customer-product-movement' ? 'active' : '' }}" href="{{ route('reports.customer-product-movement') }}">Customer Products</a>
                    <a class="topbar-dropdown-item {{ $currentRoute === 'reports.product-price-list' ? 'active' : '' }}" href="{{ route('reports.product-price-list') }}">Price List</a>
                    <a class="topbar-dropdown-item {{ $currentRoute === 'reports.most-moving-items' ? 'active' : '' }}" href="{{ route('reports.most-moving-items') }}">Most Moving Items</a>
                    <a class="topbar-dropdown-item {{ $currentRoute === 'reports.less-stock-items' ? 'active' : '' }}" href="{{ route('reports.less-stock-items') }}">Less Stock Items</a>
                    <a class="topbar-dropdown-item {{ $currentRoute === 'reports.dormant-customers' ? 'active' : '' }}" href="{{ route('reports.dormant-customers') }}">Dormant Customers</a>
                    <a class="topbar-dropdown-item {{ $currentRoute === 'reports.hsn' ? 'active' : '' }}" href="{{ route('reports.hsn') }}">HSN Report</a>
                    <a class="topbar-dropdown-item {{ $currentRoute === 'reports.catalog' ? 'active' : '' }}" href="{{ route('reports.catalog') }}">Catalog</a>
                    @if($isAdmin || $isCa)
                    <a class="topbar-dropdown-item {{ $currentRoute === 'reports.bank-statement' ? 'active' : '' }}" href="{{ route('reports.bank-statement') }}">Bank Statement</a>
                    @endif
                    <hr class="dropdown-divider">
                    <a class="topbar-dropdown-item {{ str_starts_with($currentRoute, 'tally-export') ? 'active' : '' }}" href="{{ route('tally-export.index') }}">Tally Export</a>
                </div>
            </div>
            @endif

            {{-- Settings (admin) --}}
            @if($isAdmin)
            <div class="dropdown topbar-nav-item">
                <a class="topbar-nav-link {{ str_starts_with($currentRoute, 'admin.') ? 'active' : '' }}"
                   href="#" data-bs-toggle="dropdown">
                    <i class="ph-duotone ph-gear"></i> Settings <i class="ti ti-chevron-down"></i>
                </a>
                <div class="dropdown-menu topbar-dropdown">
                    <a class="topbar-dropdown-item {{ str_starts_with($currentRoute, 'admin.companies') ? 'active' : '' }}" href="{{ route('admin.companies.index') }}"><i class="ph-duotone ph-buildings"></i> Companies</a>
                    <a class="topbar-dropdown-item {{ str_starts_with($currentRoute, 'admin.bank-accounts') ? 'active' : '' }}" href="{{ route('admin.bank-accounts.index') }}"><i class="ph-duotone ph-bank"></i> Bank Accounts</a>
                    <a class="topbar-dropdown-item {{ str_starts_with($currentRoute, 'admin.users') ? 'active' : '' }}" href="{{ route('admin.users.index') }}"><i class="ph-duotone ph-users-three"></i> Users</a>
                    <a class="topbar-dropdown-item {{ str_starts_with($currentRoute, 'admin.activity-logs') ? 'active' : '' }}" href="{{ route('admin.activity-logs.index') }}"><i class="ph-duotone ph-clock-counter-clockwise"></i> Activity Logs</a>
                </div>
            </div>
            @endif
        </nav>

        {{-- Right: Actions --}}
        <div class="topbar-right">
            {{-- Mobile hamburger --}}
            <button class="topbar-hamburger d-lg-none" type="button" data-bs-toggle="collapse" data-bs-target="#mobileNav" aria-expanded="false">
                <i class="ti ti-menu-2"></i>
            </button>

            <a class="topbar-action" href="{{ route('dashboard.home') }}" title="Home"><i class="ph-duotone ph-house"></i></a>
            <a class="topbar-action d-none d-md-flex" href="#" onclick="location.reload();" title="Refresh"><i class="ph-duotone ph-arrows-clockwise"></i></a>

            {{-- Shortcuts --}}
            @php
                $shortcuts = [
                    ['name' => 'Sales Invoice', 'route' => 'sale.create', 'icon' => 'ph-receipt', 'key' => '1', 'cash' => true],
                    ['name' => 'Sale Receipt', 'route' => 'sale-receipts.create', 'icon' => 'ph-money', 'key' => '2', 'cash' => false],
                    ['name' => 'Purchase Bill', 'route' => 'purchase.create', 'icon' => 'ph-note', 'key' => '3', 'cash' => false],
                    ['name' => 'Purchase Payment', 'route' => 'purchase-payments.create', 'icon' => 'ph-currency-dollar', 'key' => '4', 'cash' => false],
                    ['name' => 'Customer', 'route' => 'customers.create', 'icon' => 'ph-user-plus', 'key' => '5', 'cash' => false],
                    ['name' => 'Product', 'route' => 'products.create', 'icon' => 'ph-cube', 'key' => '6', 'cash' => false],
                    ['name' => 'Shipping Labels', 'route' => 'shipping-labels.index', 'icon' => 'ph-package', 'key' => '7', 'cash' => true],
                    ['name' => 'Proforma Invoice', 'route' => 'proforma-invoices.create', 'icon' => 'ph-file-dashed', 'key' => '8', 'cash' => false],
                    ['name' => 'OTC Sales', 'route' => 'otc-sales.create', 'icon' => 'ph-shopping-cart', 'key' => 'F9', 'cash' => true, 'cashOnly' => true],
                    ['name' => 'Save / Submit', 'route' => null, 'icon' => 'ph-floppy-disk', 'key' => 'S', 'cash' => true],
                ];
            @endphp
            <div class="dropdown d-none d-md-flex">
                <a class="topbar-action" href="#" data-bs-toggle="dropdown" title="Shortcuts"><i class="ph-duotone ph-keyboard"></i></a>
                <div class="dropdown-menu dropdown-menu-end topbar-dropdown" style="min-width:280px">
                    <div class="topbar-dropdown-header">Keyboard Shortcuts</div>
                    @foreach($shortcuts as $s)
                        @if($isCash && !$isAdmin && !$s['cash']) @continue @endif
                        @if(!$isCash && !$isCa && ($s['cashOnly'] ?? false)) @continue @endif
                        @if($s['route'])
                        <a class="topbar-dropdown-item d-flex justify-content-between" href="{{ route($s['route']) }}">
                        @else
                        <span class="topbar-dropdown-item d-flex justify-content-between">
                        @endif
                            <span><i class="ph-duotone {{ $s['icon'] }} me-2"></i>{{ $s['name'] }}</span>
                            <span><kbd>Alt</kbd> <kbd>{{ $s['key'] }}</kbd></span>
                        @if($s['route'])
                        </a>
                        @else
                        </span>
                        @endif
                    @endforeach
                </div>
            </div>

            {{-- User --}}
            <div class="dropdown">
                <a class="topbar-user" href="#" data-bs-toggle="dropdown" id="topbarUserAvatar">
                    <img src="{{ URL::asset('build/images/user/avatar-2.jpg') }}" alt="user">
                    <span class="topbar-user-name d-none d-md-inline">{{ Auth::user()->name ?? '' }}</span>
                </a>
                <div class="dropdown-menu dropdown-menu-end topbar-dropdown" style="min-width:200px">
                    <div class="topbar-dropdown-header">{{ Auth::user()->email ?? '' }}</div>
                    <a href="{{ route('logout') }}" class="topbar-dropdown-item text-danger"
                       onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                        <i class="ph-duotone ph-power me-2"></i>Logout
                    </a>
                    <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">@csrf</form>
                </div>
            </div>
        </div>

    </div>

    {{-- ═══ MOBILE NAV (collapse) ═══ --}}
    <div class="collapse" id="mobileNav">
        <div class="topbar-mobile-nav">
            <a class="topbar-mobile-link {{ $currentRoute === 'dashboard.home' ? 'active' : '' }}" href="{{ route('dashboard.home') }}"><i class="ph-duotone ph-house"></i> Home</a>

            @if(!$isCashRole && !$isCa)
            <div class="topbar-mobile-section">Masters</div>
            <a class="topbar-mobile-link {{ str_starts_with($currentRoute, 'customers.') ? 'active' : '' }}" href="{{ route('customers.index') }}"><i class="ph-duotone ph-users"></i> Customers</a>
            <a class="topbar-mobile-link {{ str_starts_with($currentRoute, 'products.') ? 'active' : '' }}" href="{{ route('products.index') }}"><i class="ph-duotone ph-cube"></i> Products</a>
            <a class="topbar-mobile-link {{ str_starts_with($currentRoute, 'shipping-labels') ? 'active' : '' }}" href="{{ route('shipping-labels.index') }}"><i class="ph-duotone ph-package"></i> Shipping Labels</a>
            <a class="topbar-mobile-link {{ str_starts_with($currentRoute, 'stock-stickers') ? 'active' : '' }}" href="{{ route('stock-stickers.index') }}"><i class="ph-duotone ph-sticker"></i> Stock Stickers</a>
            @endif

            <div class="topbar-mobile-section">Purchase</div>
            @if(($cashModeActive || $isCashRole) && !$isCa)<a class="topbar-mobile-link {{ str_starts_with($currentRoute, 'purchase-orders') ? 'active' : '' }}" href="{{ route('purchase-orders.index') }}"><i class="ph-duotone ph-clipboard-text"></i> Purchase Orders</a>@endif
            @if(!$isCashRole)
            @if(!$isCa)
            <a class="topbar-mobile-link {{ $currentRoute === 'purchase.index' ? 'active' : '' }}" href="{{ route('purchase.index') }}"><i class="ph-duotone ph-note"></i> Purchase Bill</a>
            <a class="topbar-mobile-link {{ str_starts_with($currentRoute, 'purchase-returns') ? 'active' : '' }}" href="{{ route('purchase-returns.index') }}"><i class="ph-duotone ph-arrow-u-up-left"></i> Purchase Return</a>
            @endif
            <a class="topbar-mobile-link {{ str_starts_with($currentRoute, 'purchase-payments') ? 'active' : '' }}" href="{{ route('purchase-payments.index') }}"><i class="ph-duotone ph-currency-dollar"></i> Payments</a>
            @endif

            <div class="topbar-mobile-section">Sales</div>
            @if($cashModeActive && !$isCa)<a class="topbar-mobile-link {{ str_starts_with($currentRoute, 'sale-enquiries') ? 'active' : '' }}" href="{{ route('sale-enquiries.index') }}"><i class="ph-duotone ph-newspaper-clipping"></i> Sales Enquiry</a>@endif
            @if(!$isCa)
            <a class="topbar-mobile-link {{ str_starts_with($currentRoute, 'proforma-invoices') ? 'active' : '' }}" href="{{ route('proforma-invoices.index') }}"><i class="ph-duotone ph-file-dashed"></i> Proforma Invoice</a>
            <a class="topbar-mobile-link {{ str_starts_with($currentRoute, 'outwards') ? 'active' : '' }}" href="{{ route('outwards.index') }}"><i class="ph-duotone ph-export"></i> Product Outwards</a>
            <a class="topbar-mobile-link {{ $currentRoute === 'sale.index' ? 'active' : '' }}" href="{{ route('sale.index') }}"><i class="ph-duotone ph-receipt"></i> Sales Bill</a>
            @endif
            @if($cashModeActive || $isCashRole || $isCa)
            <a class="topbar-mobile-link {{ str_starts_with($currentRoute, 'otc-sales') ? 'active' : '' }}" href="{{ route('otc-sales.index') }}"><i class="ph-duotone ph-storefront"></i> OTC Sales</a>
            @endif
            @if(!$isCashRole)
            <a class="topbar-mobile-link {{ str_starts_with($currentRoute, 'sale-receipts') ? 'active' : '' }}" href="{{ route('sale-receipts.index') }}"><i class="ph-duotone ph-money"></i> Receipts</a>
            @if(!$isCa)
            <a class="topbar-mobile-link {{ str_starts_with($currentRoute, 'sale-returns') ? 'active' : '' }}" href="{{ route('sale-returns.index') }}"><i class="ph-duotone ph-arrow-u-up-left"></i> Sales Return</a>
            @endif
            @endif

            @if(!$isCashRole)
            @if($cashModeActive && !$isCa)
            <div class="topbar-mobile-section">Field</div>
            <a class="topbar-mobile-link {{ str_starts_with($currentRoute, 'trade-exhibitions') ? 'active' : '' }}" href="{{ route('trade-exhibitions.index') }}"><i class="ph-duotone ph-map-pin"></i> Trade Exhibitions</a>
            @endif

            <div class="topbar-mobile-section">Reports</div>
            <a class="topbar-mobile-link {{ str_starts_with($currentRoute, 'ledger.') ? 'active' : '' }}" href="{{ route('ledger.index') }}"><i class="ph-duotone ph-book-open"></i> Ledger</a>
            <a class="topbar-mobile-link {{ $currentRoute === 'reports.outstandings' ? 'active' : '' }}" href="{{ route('reports.outstandings') }}"><i class="ph-duotone ph-scales"></i> Outstandings</a>
            <a class="topbar-mobile-link {{ $currentRoute === 'reports.gst-sales' ? 'active' : '' }}" href="{{ route('reports.gst-sales') }}"><i class="ph-duotone ph-file-text"></i> GST Sales</a>
            <a class="topbar-mobile-link {{ $currentRoute === 'reports.gst-purchase' ? 'active' : '' }}" href="{{ route('reports.gst-purchase') }}"><i class="ph-duotone ph-file-text"></i> GST Purchase</a>
            <a class="topbar-mobile-link {{ $currentRoute === 'reports.gst-purchase-return' ? 'active' : '' }}" href="{{ route('reports.gst-purchase-return') }}"><i class="ph-duotone ph-file-text"></i> GST Purchase Return</a>
            <a class="topbar-mobile-link {{ $currentRoute === 'reports.sales-customer-wise' ? 'active' : '' }}" href="{{ route('reports.sales-customer-wise') }}"><i class="ph-duotone ph-chart-bar"></i> Sales (Customer)</a>
            <a class="topbar-mobile-link {{ $currentRoute === 'reports.sales-product-wise' ? 'active' : '' }}" href="{{ route('reports.sales-product-wise') }}"><i class="ph-duotone ph-chart-bar"></i> Sales (Product)</a>
            @if($cashModeActive)
            <a class="topbar-mobile-link {{ $currentRoute === 'reports.field-entries' ? 'active' : '' }}" href="{{ route('reports.field-entries') }}"><i class="ph-duotone ph-chart-bar"></i> Field Report</a>
            @endif
            <a class="topbar-mobile-link {{ $currentRoute === 'reports.purchase-product-wise' ? 'active' : '' }}" href="{{ route('reports.purchase-product-wise') }}"><i class="ph-duotone ph-chart-bar"></i> Purchases (Product)</a>
            <a class="topbar-mobile-link {{ $currentRoute === 'reports.customer-product-movement' ? 'active' : '' }}" href="{{ route('reports.customer-product-movement') }}"><i class="ph-duotone ph-users-three"></i> Customer Products</a>
            <a class="topbar-mobile-link {{ $currentRoute === 'reports.product-price-list' ? 'active' : '' }}" href="{{ route('reports.product-price-list') }}"><i class="ph-duotone ph-tag"></i> Price List</a>
            <a class="topbar-mobile-link {{ $currentRoute === 'reports.most-moving-items' ? 'active' : '' }}" href="{{ route('reports.most-moving-items') }}"><i class="ph-duotone ph-trend-up"></i> Most Moving Items</a>
            <a class="topbar-mobile-link {{ $currentRoute === 'reports.less-stock-items' ? 'active' : '' }}" href="{{ route('reports.less-stock-items') }}"><i class="ph-duotone ph-warning-circle"></i> Less Stock Items</a>
            <a class="topbar-mobile-link {{ $currentRoute === 'reports.dormant-customers' ? 'active' : '' }}" href="{{ route('reports.dormant-customers') }}"><i class="ph-duotone ph-user-minus"></i> Dormant Customers</a>
            <a class="topbar-mobile-link {{ $currentRoute === 'reports.hsn' ? 'active' : '' }}" href="{{ route('reports.hsn') }}"><i class="ph-duotone ph-list-numbers"></i> HSN Report</a>
            <a class="topbar-mobile-link {{ $currentRoute === 'reports.catalog' ? 'active' : '' }}" href="{{ route('reports.catalog') }}"><i class="ph-duotone ph-book-open-text"></i> Catalog</a>
            @if($isAdmin || $isCa)
            <a class="topbar-mobile-link {{ $currentRoute === 'reports.bank-statement' ? 'active' : '' }}" href="{{ route('reports.bank-statement') }}"><i class="ph-duotone ph-bank"></i> Bank Statement</a>
            @endif
            <a class="topbar-mobile-link {{ str_starts_with($currentRoute, 'tally-export') ? 'active' : '' }}" href="{{ route('tally-export.index') }}"><i class="ph-duotone ph-export"></i> Tally Export</a>
            @endif

            @if($isAdmin)
            <div class="topbar-mobile-section">Settings</div>
            <a class="topbar-mobile-link {{ str_starts_with($currentRoute, 'admin.companies') ? 'active' : '' }}" href="{{ route('admin.companies.index') }}"><i class="ph-duotone ph-buildings"></i> Companies</a>
            <a class="topbar-mobile-link {{ str_starts_with($currentRoute, 'admin.bank-accounts') ? 'active' : '' }}" href="{{ route('admin.bank-accounts.index') }}"><i class="ph-duotone ph-bank"></i> Bank Accounts</a>
            <a class="topbar-mobile-link {{ str_starts_with($currentRoute, 'admin.users') ? 'active' : '' }}" href="{{ route('admin.users.index') }}"><i class="ph-duotone ph-users-three"></i> Users</a>
            <a class="topbar-mobile-link {{ str_starts_with($currentRoute, 'admin.activity-logs') ? 'active' : '' }}" href="{{ route('admin.activity-logs.index') }}"><i class="ph-duotone ph-clock-counter-clockwise"></i> Activity Logs</a>
            @endif
        </div>
    </div>
</header>

{{-- Cash Mode Modal --}}
@if($isAdmin)
<div class="modal fade" id="cashModeModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-sm modal-dialog-centered">
        <div class="modal-content">
            @if($cashModeActive)
            <form method="POST" action="{{ route('cashmode.disable') }}">@csrf
                <div class="modal-header border-0 pb-0"><h6 class="modal-title"><i class="ti ti-lock-open me-1 text-danger"></i> Cash Mode Active</h6><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
                <div class="modal-body"><p class="text-muted small mb-0">You are currently in cash mode.</p></div>
                <div class="modal-footer border-0 pt-0"><button type="button" class="btn btn-sm btn-outline-secondary" data-bs-dismiss="modal">Cancel</button><button type="submit" class="btn btn-sm btn-danger">Exit Cash Mode</button></div>
            </form>
            @else
            <form method="POST" action="{{ route('cashmode.enable') }}">@csrf
                <div class="modal-header border-0 pb-0"><h6 class="modal-title"><i class="ti ti-lock me-1"></i> Cash Mode</h6><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
                <div class="modal-body"><p class="text-muted small mb-3">Enter password to activate cash mode.</p><input type="password" name="password" class="form-control @if($errors->has('password')) is-invalid @endif" placeholder="Password" required autofocus>@if($errors->has('password'))<div class="invalid-feedback">{{ $errors->first('password') }}</div>@endif</div>
                <div class="modal-footer border-0 pt-0"><button type="button" class="btn btn-sm btn-outline-secondary" data-bs-dismiss="modal">Cancel</button><button type="submit" class="btn btn-sm btn-dark">Activate</button></div>
            </form>
            @endif
        </div>
    </div>
</div>
@if($errors->has('password'))
<script>document.addEventListener('DOMContentLoaded',function(){new bootstrap.Modal(document.getElementById('cashModeModal')).show()});</script>
@endif
<script>
document.addEventListener('DOMContentLoaded',function(){
    var dot=document.getElementById('cashModeDot');if(!dot)return;
    var c=0,t=null;
    function handleTap(e){c++;if(c===3){e.preventDefault();e.stopPropagation();c=0;clearTimeout(t);t=null;var el=document.getElementById('cashModeModal');if(el)new bootstrap.Modal(el).show();}if(!t)t=setTimeout(function(){c=0;t=null;},600);}
    dot.addEventListener('click',handleTap);
    dot.addEventListener('touchend',function(e){e.preventDefault();handleTap(e);});
});
</script>
@endif