<!-- Sidebar -->
<ul class="navbar-nav bg-secondary-custom 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-text mx-3"><img src="<!--[#SITE_URL;]-->/res/img/website-logo.png" style="height: 55px"></div>
	</a>

	<hr class="sidebar-divider my-0">
	
	<div class="navbar-custom-menu" style="margin: 5px 13px; text-align: center;">
		<ul class="nav navbar-nav">
			<li class="user-menu">
				<a href="#" style="text-decoration:none;">
					<img src="<!--[#SITE_URL;]-->/res/img/avatar.png" class="user-image" alt="User Image" style="height: 25px; border-radius: 50px">
					<span class="admin-name" style="color: #fff; font-size: 14px" id="AUTH_ACC_ACCOUNT_NAME_LBL"></span>
				</a>
			</li>
		</ul>
	</div>

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

	<!-- Nav Item - Items -->
	<li class="nav-item"  id="LI_SIDE_ITEMS">
		<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseItems" aria-expanded="true" aria-controls="collapseItems">
			<i class="fas fa-shopping-bag"></i><span>Products</span>
		</a>
		<div id="collapseItems" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
			<div class="bg-white py-2 collapse-inner rounded">
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/category/prod_finish.html">Finished Product</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/category/prod_ingredient.html">Ingredient</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/category/prod_inventory.html">For Inventory</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/category/prod_premix.html">Premix</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/category/prod_service.html">Services</a>
			</div>
		</div>
	</li>

	<!-- Nav Item - Inventory -->
	<li class="nav-item"  id="LI_SIDE_INVENTORY">
		<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseInventory" aria-expanded="true" aria-controls="collapseInventory">
			<i class="fas fa-boxes"></i><span>Inventory</span>
		</a>
		<div id="collapseInventory" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
			<div class="bg-white py-2 collapse-inner rounded">
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/inventory_data_prod.html">Finished Product</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/inventory_data_ing.html">Ingredient</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/inventory_data_inv.html">For Inventory</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/inventory_data_premix.html">Premix</a>					
			</div>
		</div>
	</li>

	<!-- Nav Item - Production -->
	<li class="nav-item"  id="LI_SIDE_TRANSACTIONS">
		<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseTransactions" aria-expanded="true" aria-controls="collapseTransactions">
			<i class="fas fa-exchange-alt"></i><span>Production</span>
		</a>
		<div id="collapseTransactions" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
			<div class="bg-white py-2 collapse-inner rounded">
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pschedule.html">Preorder</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/psaplan.html">Production Plan</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/transaction.html">Production</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/delivery.html">Delivery</a>
				<hr class="mb-0 mt-0">
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/po_order_req.html">Purchase Order</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/charge.html">Charge</a>
			</div>
		</div>
	</li>

	

	<!-- Nav Item - Sales Report -->
	<li class="nav-item"  id="LI_SIDE_SALES_REPORTS">
		<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseSalesReports" aria-expanded="true" aria-controls="collapseSalesReports">
			<i class="far fa-file-alt"></i><span>Sales Report</span>
		</a>
		<div id="collapseSalesReports" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
			<div class="bg-white py-2 collapse-inner rounded">
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/goodsonhand.html">Goods on Hand vs Delivered</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/todays_order.html">Today's Orders vs Goods on Hand</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/unserved_order.html">Unserved Orders</a>
				<a id="" class="collapse-item d-none" href="<!--[#SITE_URL;]-->/p/record/unserved_orders.html">Unserved Orders</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/prodreportday.html">Production Report of the Day</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/invoice_sales_report.html">Sales Report by Branch</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/invoice_product_report.html">Sales Report by Product</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/trans_flow_report.html">Transaction Flow Report</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/transaction_employ_report.html">Shift in Motion</a>

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

	<!-- Nav Item - Inventory Report -->
	<li class="nav-item"  id="LI_SIDE_INV_REPORTS">
		<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseInvReports" aria-expanded="true" aria-controls="collapseInvReports">
			<i class="fas fa-file-invoice"></i><span>Inventory Report</span>
		</a>
		<div id="collapseInvReports" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
			<div class="bg-white py-2 collapse-inner rounded">
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/stock_card.html">Stock Card</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/inventory_consumption.html">Expected Consumption of RM</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/ideal_rm_on_hand.html">Ideal RM on Hand</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/ideal_rm_restock_qty.html">Ideal RM Restock Qty</a>

				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/eod_product_flow.html">Transaction Flow - Ingredient</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/eod_product_flow_mix.html">Transaction Flow - Finished Product</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/eod_product_flow_premix.html">Transaction Flow- Premix</a>
				
				<a id="" class="collapse-item d-none" href="<!--[#SITE_URL;]-->/p/record/psoverview.html">Production Overview</a>
			</div>
		</div>
	</li>

	<!-- Nav Item - Settings -->
	<li class="nav-item"  id="LI_SIDE_SETTINGS">
		<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseSettings" aria-expanded="true" aria-controls="collapseSettings">
			<i class="fas fa-fw fa-cog"></i><span>Settings</span>
		</a>
		<div id="collapseSettings" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
			<div class="bg-white py-2 collapse-inner rounded">
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/category/company.html">Company</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/employee.html">Employee</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/category/stockflow.html">Stock flow</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/category/chargetype.html">Charge Type</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/category/uom.html">Unit of Measure</a>
			</div>
		</div>
	</li>

	<!-- Nav Item - Account Control -->
	<li class="nav-item" id="LI_SIDE_ACONTROLS">
		<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseAccess" aria-expanded="true" aria-controls="collapseAccess">
			<i class="fas fa-fw fa-user"></i>
			<span>Access Control</span>
		</a>
		<div id="collapseAccess" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
			<div class="bg-white py-2 collapse-inner rounded">
				<a id="LI_SIDE" class="collapse-item" href="<!--[#SITE_URL;]-->/p/account/audit_trail.html">Audit Trail</a>
				<a id="LI_SIDE_ACONTROLS_MEMBER" class="collapse-item" href="<!--[#SITE_URL;]-->/p/account/member.html">User Account</a>
				<a id="LI_SIDE_ACONTROLS_LEVEL" class="collapse-item" href="<!--[#SITE_URL;]-->/p/account/level.html">Access Rights</a>
				<a id="LI_SIDE_GROUP" style="display:none;" class="collapse-item" href="<!--[#SITE_URL;]-->/p/account/group.html">Account Group</a>
				<a id="LI_SIDE_IP_MANAGER" class="collapse-item" href="<!--[#SITE_URL;]-->/p/account/bfip.html">IP Manager</a>
				<a id="LI_SIDE_LOGIN_ATTEMPTS" class="collapse-item" href="<!--[#SITE_URL;]-->/p/account/bflogin.html">Login Attempts</a>
				
			</div>
		</div>
	</li>
				
	<!-- Nav Item - SMS Control -->
	<li class="nav-item d-none" id="LI_SIDE_SMSCONTROLS">
		<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseSMS" aria-expanded="true" aria-controls="collapseSMS">
			<i class="fas fa-fw fa-user"></i>
			<span>SMS Reports</span>
		</a>
		<div id="collapseSMS" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
			<div class="bg-white py-2 collapse-inner rounded">
				<a id="AUTO_SMS_SERVER_BALANCE_BBI" class="collapse-item" href="javascript:void(0);">Balance</a>	
				<a id="AUTO_SMS_SERVER_BILLING_BBI" class="collapse-item" href="<!--[#SITE_URL;]-->/p/mobile/bill.html">Billing</a>	
				<a id="AUTO_SMS_SERVER_BILLING_BBI" class="collapse-item" href="<!--[#SITE_URL;]-->/p/mobile/outbox.html">Outbox</a>	
			</div>
		</div>
	</li>
			
			
	<!-- Nav Item - Dashboard -->
	<li class="nav-item">
		<a class="nav-link" href="javascript:void(0)" id="CHANGE_PASSWORD_CMD">
		<i class="fas fa-key"></i> <span>Change Password</span></a>
	</li>
	<li class="nav-item">
		<a class="nav-link" href="javascript:void(0)" id="LOGOUT_CMD">
		<i class="fas fa-power-off"></i> <span>Logout</span></a>
	</li>

	<hr class="sidebar-divider">

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

</ul>
<!-- End of Sidebar -->
