<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="/HomeBackend/Dashboard">
        <div class="sidebar-brand-icon ">
            <img src="~/images/logo.gif" style="width:160px;" class="img-thumbnail" />
        </div>
    </a>

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

    <!-- Nav Item - Dashboard -->
    <li class="nav-item">
        <a class="nav-link" href="#" data-toggle="collapse" data-target="#collapseInventory" aria-expanded="true" aria-controls="collapseInventory">
            <i class="fas fa-fw fa-folder"></i>
            <span>Inventory</span>
        </a>
        <div id="collapseInventory" class="collapse show" aria-labelledby="headingInventory" data-parent="#accordionSidebar" style="">
            <div class="bg-white py-2 collapse-inner rounded">
                <a class="collapse-item @(ViewContext.RouteData.Values["Controller"].ToString() == "InventoryInquiry" ? "active" : "")" href="/InventoryInquiry">Search/Inquiry</a>
                <a class="collapse-item @(ViewContext.RouteData.Values["Controller"].ToString() == "StockCard" ? "active" : "")" href="/StockCard">Stock Card</a>
                <div class="collapse-divider"></div>
                <h6 class="collapse-header">Report:</h6>
                <a class="collapse-item" href="#">Daily Stock Status [INV410]</a>
                <a class="collapse-item" href="#">Monthly Stock Status [INV420]</a>

            </div>
        </div>
    </li>


    <!-- Divider -->

    <li class="nav-item">
        <a class="nav-link" href="#" data-toggle="collapse" data-target="#collapseAR" aria-expanded="true" aria-controls="collapseAR">
            <i class="fas fa-fw fa-folder"></i>
            <span>Account Receipt (AR)</span>
        </a>
        <div id="collapseAR" class="collapse show" aria-labelledby="headingAR" data-parent="#accordionSidebar" style="">
            <div class="bg-white py-2 collapse-inner rounded">

                <a class="collapse-item @(ViewContext.RouteData.Values["Controller"].ToString() == "Receipt" ? "active" : "")" href="/Receipt">Receipt</a>
                <a class="collapse-item @(ViewContext.RouteData.Values["Controller"].ToString() == "ARCreditNote" ? "active" : "")" href="/ARCreditNote">Credit Note</a>
                @*<a class="collapse-item" href="/ARDebitNote">Debit Note</a>*@
                <div class="collapse-divider"></div>
                <h6 class="collapse-header">Report:</h6>
                <a class="collapse-item" href="#">Daily Receipts</a>
                <a class="collapse-item" href="#">Daily A/R Balance [420]</a>

            </div>
        </div>
    </li>

    <li class="nav-item">
        <a class="nav-link" href="#" data-toggle="collapse" data-target="#collapseAP" aria-expanded="true" aria-controls="collapseAP">
            <i class="fas fa-fw fa-folder"></i>
            <span>Account Payable (AP)</span>
        </a>
        <div id="collapseAP" class="collapse show" aria-labelledby="headingAP" data-parent="#accordionSidebar" style="">
            <div class="bg-white py-2 collapse-inner rounded">

                <a class="collapse-item @(ViewContext.RouteData.Values["Controller"].ToString() == "Voucher" ? "active" : "")" href="/Voucher">Voucher</a>
                @*<a class="collapse-item" href="/APCreditNote">Credit Note</a>*@
                <a class="collapse-item @(ViewContext.RouteData.Values["Controller"].ToString() == "APDebitNote" ? "active" : "")" href="/APDebitNote">Debit Note</a>
                <div class="collapse-divider"></div>
                <h6 class="collapse-header">Report:</h6>
                <a class="collapse-item" href="#">Daily Voucher</a>
                <a class="collapse-item" href="#">Daily A/P Balance [420]</a>

            </div>
        </div>
    </li>

    <li class="nav-item">
        <a class="nav-link" href="#" data-toggle="collapse" data-target="#collapseBilling" aria-expanded="true" aria-controls="collapseBilling">
            <i class="fas fa-fw fa-folder"></i>
            <span>Billing</span>
        </a>
        <div id="collapseBilling" class="collapse show" aria-labelledby="headingBilling" data-parent="#accordionSidebar" style="">
            <div class="bg-white py-2 collapse-inner rounded">
                <a class="collapse-item @(ViewContext.RouteData.Values["Controller"].ToString() == "SaleCash" ? "active" : "")" href="/SaleCash">Cash Sale</a>
                <a class="collapse-item @(ViewContext.RouteData.Values["Controller"].ToString() == "SaleCredit" ? "active" : "")" href="/SaleCredit">Credit Sale (Invoice)</a>
                <a class="collapse-item @(ViewContext.RouteData.Values["Controller"].ToString() == "POCredit" ? "active" : "")" href="/POCredit">Credit Purchase (PO)</a>

                <div class="collapse-divider"></div>
                <h6 class="collapse-header">Report:</h6>
                <a class="collapse-item" href="#">Daily Voucher</a>
                <a class="collapse-item" href="#">Daily A/P Balance [420]</a>

            </div>
        </div>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#" data-toggle="collapse" data-target="#collapseTransportation" aria-expanded="true" aria-controls="collapseTransportation">
            <i class="fas fa-fw fa-folder"></i>
            <span>Transportation</span>
        </a>
        <div id="collapseTransportation" class="collapse show" aria-labelledby="headingTransportation" data-parent="#accordionSidebar" style="">
            <div class="bg-white py-2 collapse-inner rounded">
                <a class="collapse-item @(ViewContext.RouteData.Values["Controller"].ToString() == "Transport" ? "active" : "")" href="/Transport">จัดการข้อมูล</a>
                <a class="collapse-item @(ViewContext.RouteData.Values["Controller"].ToString() == "TransportPrint" ? "active" : "")" href="/TransportPrint">พิมพ์ใบสั่งงาน</a>


            </div>
        </div>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#" data-toggle="collapse" data-target="#collapsMasterData" aria-expanded="true" aria-controls="collapsMasterData">
            <i class="fas fa-fw fa-folder"></i>
            <span>Master Data</span>
        </a>
        <div id="collapsMasterData" class="collapse show" aria-labelledby="headingMasterData" data-parent="#collapsMasterData" style="">
            <div class="bg-white py-2 collapse-inner rounded">
                <a class="collapse-item @(ViewContext.RouteData.Values["Controller"].ToString() == "Products" ? "active" : "")" href="/Products">Product</a>
                <a class="collapse-item @(ViewContext.RouteData.Values["Controller"].ToString() == "SalesMan" ? "active" : "")" href="/SalesMan">Sales Man</a>
                <a class="collapse-item @(ViewContext.RouteData.Values["Controller"].ToString() == "Customer" ? "active" : "")" href="/Customer">Customer</a>
                <a class="collapse-item @(ViewContext.RouteData.Values["Controller"].ToString() == "Supplier" ? "active" : "")" href="/Supplier">Supplier</a>
            </div>
        </div>
    </li>
    <li class="nav-item" id="menu_user">
        <a class="nav-link" href="#" data-toggle="collapse" data-target="#collapsSystem" aria-expanded="true" aria-controls="collapsSystem">
            <i class="fas fa-fw fa-folder"></i>
            <span>System</span>
        </a>
        <div id="collapsSystem" class="collapse show" aria-labelledby="headingSystem" data-parent="#collapsSystem" style="">
            <div class="bg-white py-2 collapse-inner rounded">
                <a class="collapse-item @(ViewContext.RouteData.Values["Controller"].ToString() == "User" ? "active" : "")" href="/User">User</a>
                <a class="collapse-item @(ViewContext.RouteData.Values["Controller"].ToString() == "Role" ? "active" : "")" href="/Role">Role & Permission</a>
                <a class="collapse-item @(ViewContext.RouteData.Values["Controller"].ToString() == "BackupDB" ? "active" : "")" href="/BackupDB">Backup Data</a>
            </div>
        </div>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#" data-toggle="collapse" data-target="#collapsInterface" aria-expanded="true" aria-controls="collapsInterface">
            <i class="fas fa-fw fa-folder"></i>
            <span>CD-Organizer Interface</span>
        </a>
        <div id="collapsInterface" class="collapse show" aria-labelledby="headingInterface" data-parent="#collapsInterface" style="">
            <div class="bg-white py-2 collapse-inner rounded">
                <a class="collapse-item @(ViewContext.RouteData.Values["Controller"].ToString() == "Interface" ? "active" : "")" href="/Interface">Sync Status</a>
                @*<a class="collapse-item" href="/ManualImport">Manual Import</a>*@
                <a class="collapse-item @(ViewContext.RouteData.Values["Controller"].ToString() == "ManualExport" ? "active" : "")" href="/ManualExport">Manual Export</a>
            </div>
        </div>
    </li>
    <hr class="sidebar-divider">
    @*<li class="nav-item" id="menu_user">
            <a class="nav-link" href="@Url.Action("Index","UserManagement")">
                <i class="fas fa-user"></i>
                <span>User Management</span>
            </a>
        </li>*@

    <!-- Divider -->
    <hr class="sidebar-divider d-none d-md-block">

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

</ul>