<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">

    <!-- Sidebar - Brand -->
    <a class="sidebar-brand d-flex align-items-center justify-content-center" href="#">
        <div class="sidebar-brand-icon rotate-n-15">
            <img src="{{ asset('img/logo-sm.png') }}" alt="Indus Pro Logo">
        </div>
        <div class="sidebar-brand-text mx-3">Indus Pro 360</div>
    </a>

    <hr class="sidebar-divider my-0">

    <!-- Dashboard -->
    <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseDashboard"
            aria-expanded="false" aria-controls="collapseDashboard">
            <i class="fas fa-fw fa-tachometer-alt"></i>
            <span>Dashboard</span>
        </a>
        <div id="collapseDashboard" class="collapse" aria-labelledby="headingDashboard" data-parent="#accordionSidebar">
            <div class="bg-light py-2 collapse-inner rounded">
                <h6 class="collapse-header">Dashboard</h6>
                <a class="collapse-item" href="{{ route('manager.dashboard.alldashboard') }}">Dashboard</a>
                <a class="collapse-item" href="{{ route('manager.dashboard.empoyeedashboard') }}">Employee Dashboard</a>
                <a class="collapse-item" href="{{ route('manager.dashboard.machinedashboard') }}">Machine Dashboard</a>
                <a class="collapse-item" href="{{ route('manager.dashboard.stockdashboard') }}">Stock Dashboard</a>
                <a class="collapse-item" href="{{ route('manager.dashboard.accountdashboard') }}">Account Dashboard</a>
                <a class="collapse-item" href="{{ route('manager.dashboard.manufacturingdashboard') }}">Manufacturing Dashboard</a>
            </div>
        </div>
    </li>

    <hr class="sidebar-divider">
    
    <!-- Accounts Management -->
    <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseAccounts"
            aria-expanded="false" aria-controls="collapseAccounts">
            <i class="fas fa-fw fa-users"></i>
            <span>Accounts Management</span>
        </a>
        <div id="collapseAccounts" class="collapse" aria-labelledby="headingUser" data-parent="#accordionSidebar">
            <div class="bg-light py-2 collapse-inner rounded">
                <h6 class="collapse-header">Manage Accounts's</h6>
                <a class="collapse-item" href="{{ route('manager.purchase.index') }}">Purchase Details</a>
            </div>
        </div>
    </li>

    <hr class="sidebar-divider">

    <!-- CRM -->
    <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseCRM"
            aria-expanded="false" aria-controls="collapseCRM">
            <i class="fas fa-fw fa-folder"></i>
            <span>CRM</span>
        </a>
        <div id="collapseCRM" class="collapse" aria-labelledby="headingCRM" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Customer Relationship Management</h6>
                <a class="collapse-item" href="{{ route('manager.customer.addcustomer') }}">Customer/Vendor Registration</a>
                <a class="collapse-item" href="{{ route('manager.customer.customerlist') }}">Customer/Vendor Management</a>
            </div>
        </div>
    </li>
    <hr class="sidebar-divider">

    <!-- BOM -->
    <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseBOM"
            aria-expanded="false" aria-controls="collapseBOM">
            <i class="fas fa-fw fa-cog"></i>
            <span>BOM</span>
        </a>
        <div id="collapseBOM" class="collapse" aria-labelledby="headingBOM" data-parent="#accordionSidebar">
            <div class="bg-light py-2 collapse-inner rounded">
                <h6 class="collapse-header">Bill of Material</h6>
                <a class="collapse-item" href="{{ route('manager.rfq.rfq') }}">Request For Quotation</a>
                <a class="collapse-item" href="{{ route('manager.rfq.rfqdetails') }}">RFQ Data Management</a>
                <a class="collapse-item" href="{{ route('manager.quotation.quotationorder') }}">Quotation</a>
                <a class="collapse-item" href="{{ route('manager.quotation.quotationdetails') }}">Quotation Data Management</a>
                <a class="collapse-item" href="{{ route('manager.invoice.invoiceorder') }}">Tax Invoice Form</a>
                <a class="collapse-item" href="{{ route('manager.invoice.invoicedetails') }}">Tax Invoice Data Management</a>
            </div>
        </div>
    </li>
    <hr class="sidebar-divider">

    <!-- Sales -->
    <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseSales"
            aria-expanded="false" aria-controls="collapseSales">
            <i class="fas fa-fw fa-folder"></i>
            <span>Sales</span>
        </a>
        <div id="collapseSales" class="collapse" aria-labelledby="headingSales" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Sales</h6>
                <a class="collapse-item" href="{{ route('manager.sales.salesorder') }}">Sales Order</a>
                <a class="collapse-item" href="{{ route('manager.sales.salesdetails') }}">Sales Data Management</a>
                <a class="collapse-item" href="{{ route('manager.purchase.purchaseorder') }}">Purchase Order</a>
                <a class="collapse-item" href="{{ route('manager.purchase.purchasedetails') }}">Purchase Data Management</a>
            </div>
        </div>
    </li>
    <hr class="sidebar-divider">

    <!-- Operation -->
    <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseOperation"
            aria-expanded="false" aria-controls="collapseOperation">
            <i class="fas fa-fw fa-folder"></i>
            <span>Operation</span>
        </a>
        <div id="collapseOperation" class="collapse" aria-labelledby="headingOperation" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Operation</h6>
                <a class="collapse-item" href="{{ route('manager.grn.grnorder') }}">Goods Received Note</a>
                <a class="collapse-item" href="{{ route('manager.grn.grndetails') }}">GRN Data Management</a>
                <a class="collapse-item" href="{{ route('manager.routecard.routecardorder') }}">Route Card</a>
                <a class="collapse-item" href="{{ route('manager.routecard.routecarddetails') }}">Route Card Data Management</a>
            </div>
        </div>
    </li>
    <hr class="sidebar-divider">

    <!-- Planning -->
    <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePlanning"
            aria-expanded="false" aria-controls="collapsePlanning">
            <i class="fas fa-fw fa-folder"></i>
            <span>Manufacturing Process</span>
        </a>
        <div id="collapsePlanning" class="collapse" aria-labelledby="headingPlanning" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Manufacturing</h6>
                <a class="collapse-item" href="{{ route('manager.manufacturing.planning') }}">Manufacturing Planning</a>
                <a class="collapse-item" href="{{ url('manager/ready-to-production') }}">Ready For Production</a>
                <a class="collapse-item" href="{{ route('manager.production.inprogress.list') }}">Production Management</a>
                <a class="collapse-item" href="{{ url('manager/quality/qc-management') }}">Quality Control</a>
            </div>
        </div>
    </li>
    <hr class="sidebar-divider">
    
    <!-- SKU and Machines -->
    <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseskumachines"
            aria-expanded="false" aria-controls="collapseskumachines">
            <i class="fas fa-fw fa-folder"></i>
            <span>SKU & Machines</span>
        </a>
        <div id="collapseskumachines" class="collapse" aria-labelledby="headingOperation" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Stock Keeping Unit And Machines</h6>
                <a class="collapse-item" href="{{ route('manager.sku.skumaster') }}">SKU Master</a>
                <a class="collapse-item" href="{{ url('manager/skuapprovals') }}">SKU Approvals</a>
                <a class="collapse-item" href="{{ route('manager.sku.skumovement') }}">SKU Movement</a>
                <a class="collapse-item" href="{{ route('manager.machine.addmachine') }}">Add Machine</a>
                <a class="collapse-item" href="{{ route('manager.machine.machinedetails') }}">Machine Data Management</a>
            </div>
        </div>
    </li>
    <hr class="sidebar-divider">

    <!-- HRM -->
    <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseHRM"
            aria-expanded="false" aria-controls="collapseHRM">
            <i class="fas fa-fw fa-wrench"></i>
            <span>HRM</span>
        </a>
        <div id="collapseHRM" class="collapse" aria-labelledby="headingHRM" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Human Resource Management</h6>
                <a class="collapse-item" href="{{ route('manager.employee.employeedetails') }}">Employee Details</a>
                <a class="collapse-item" href="{{ url('manager/employeeleave') }}">Employee Leave</a>
                <a class="collapse-item" href="{{ url('manager/employeeattendance') }}">Attendance</a>
                <a class="collapse-item" href="{{ url('manager/employeedailyreports') }}">Daily Report</a>
                <a class="collapse-item" href="{{ url('manager/employeedailyreports/calendarview') }}">Calendar View</a>
            </div>
        </div>
    </li>
    <hr class="sidebar-divider">

    <!-- All Reports -->
    <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseReports"
            aria-expanded="false" aria-controls="collapseReports">
            <i class="fas fa-fw fa-folder"></i>
            <span>All Reports</span>
        </a>
        <div id="collapseReports" class="collapse" aria-labelledby="headingReports" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Reports</h6>
                <a class="collapse-item" href="{{ route('manager.report.employeereport') }}">Employee Report</a>
                <a class="collapse-item" href="{{ route('manager.report.machinereport') }}">Machine Report</a>
                <a class="collapse-item" href="{{ route('manager.report.inventoryreport') }}">Inventory Report</a>
                <a class="collapse-item" href="{{ route('manager.report.customerreport') }}">Customer Report</a>
                {{-- <a class="collapse-item" href="#">Project Report</a> --}}
                <a class="collapse-item" href="{{ route('manager.report.billreport') }}">Bill Report</a>
            </div>
        </div>
    </li>
    <hr class="sidebar-divider">

    <!-- Sidebar Toggler -->
    <div class="text-center d-none d-md-inline">
        <button class="rounded-circle border-0" id="sidebarToggle"></button>
    </div>
</ul>
