<!-- Sidebar - Water-->
<ul class="navbar-nav bg-blue sidebar sidebar-dark accordion" id="accordionSidebar" style="width: 7rem">

	<!-- Sidebar - Brand -->
	
	<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">

	<!-- DASHBOARD -->
	<li class="nav-item">
		<a class="nav-link" href="<!--[#SITE_URL;]-->/p/category/dashboard.html">
		<i class="fas fa-home"></i> <span>Dashboard</span></a>
	</li>

	<!-- RESERVATIONS -->
	<li class="nav-item">
		<a class="nav-link" href="<!--[#SITE_URL;]-->/p/record/pos_reserve.html">
		<i class="far fa-list-alt"></i> <span>Reservations</span></a>
	</li>

	<!-- JOB ORDER LIST -->
	<li class="nav-item">
		<a class="nav-link" target="_blank" href="<!--[#SITE_URL;]-->/p/record/job_order_completion.html">
		<i class="fas fa-clipboard-list"></i> <span>Job Order List</span></a>
	</li>

	<!-- HUB -->
	<li class="nav-item" style="display:none;">
		<a class="nav-link" target="_blank" href="<!--[#SITE_URL;]-->/p/water/hub/job-order.html">
		<i class="fab fa-hubspot"></i> <span>Hub</span></a>
	</li>

	<!-- 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/category/product.html">Main Products</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/category/product_branch.html">Branch Products</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/stock_card2.html">Stock Card</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/inventory_adjustment.html">Transfer Stock</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/inventory-audit.html">Inventory Audit</a>
				
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/invaudit.html">Inventory Audit</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/invserial.html">Inventory Serials</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pos_serial.html">Sold Serial List</a>
			</div>
		</div>
	</li>

	<li class="nav-item"  id="LI_SIDE_PD">
		<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePD" aria-expanded="true" aria-controls="collapsePD">
			<i class="fas fa-shopping-cart"></i><span>Purchase & Deliveries</span>
		</a>
		<div id="collapsePD" 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/po_order.html">Purchase Order</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/po_receive.html">Received Deliveries</a>
			</div>
		</div>
	</li>

	<!-- PURCHASE ORDER -->
	<li class="nav-item"  id="LI_SIDE_SETTINGS" style="display:none;">
		<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePO" aria-expanded="true" aria-controls="collapsePO">
			<i class="fas fa-shopping-cart"></i><span>Purchase Order</span>
		</a>
		<div id="collapsePO" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
			<div class="bg-white py-2 collapse-inner rounded">
				<a style="display: none;"id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/po_order_list.html">PO List</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/po_receive.html">PO Receive</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/po_receive_list.html">PO Receive List</a>
			</div>
		</div>
	</li>

	<!-- SALES -->
	<li style="display: none;" class="nav-item"  id="LI_SIDE_SETTINGS">
		<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseSales" aria-expanded="true" aria-controls="collapseSales">
			<i class="fas fa-chart-line"></i><span>Sales</span>
		</a>
		<div id="collapseSales" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
			<div class="bg-white py-2 collapse-inner rounded">
				
			</div>
		</div>
	</li>

	<!-- POS -->
	<li style="display: none;" class="nav-item"  id="LI_SIDE_SETTINGS">
		<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePOS" aria-expanded="true" aria-controls="collapsePOS">
			<i class="fas fa-cash-register"></i><span>POS</span>
		</a>
		<div id="collapsePOS" 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/pos_payment.html">Payments</a>
			</div>
		</div>
	</li>

	<!-- PURCHASES -->
	<li style="display: none;" class="nav-item"  id="LI_SIDE_SETTINGS">
		<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePurchases" aria-expanded="true" aria-controls="collapsePurchases">
			<i class="fas fa-shopping-basket"></i><span>Purchases</span>
		</a>
		<div id="collapsePurchases" 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/po_order.html">Purchase Order</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/po_order_list.html">Purchase Order Items</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/po_receive.html">PO Received Orders</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/po_receive_list.html">PO Received Items</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/po_invoice.html">PO Invoice</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/record.html">PO Invoice Item</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/po_return.html">Purchase Return</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/po_return_list.html">Purchase Return Items</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/delivery.html">Delivery</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/delivery_list.html">Delivery Items</a>
			</div>
		</div>
	</li>

	<!-- REPORTS -->
	<li class="nav-item"  id="LI_SIDE_REPORTS">
		<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePOSreports" aria-expanded="true" aria-controls="collapsePOSreports">
			<i class="far fa-clipboard"></i><span>Reports</span>
		</a>
		<div id="collapsePOSreports" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
			<div class="bg-white py-2 collapse-inner rounded">
				<!-- <h6 class="collapse-header">Inventory:</h6> -->
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/inventory.html">Inventory by Location</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/trans_flow_smry_EOD.html">Transaction Flow Summary</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/kra_per_salesman.html">KRA per Salesman</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/accounts_receivable.html">Accounts Receivable</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/sales_report_by_product.html">Sales Report by Product</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/sales_report_by_client.html">Sales Report by Client</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/sales_report_by_transaction.html">Sales Report by Transaction</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pos_payment.html">Payments Report</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/customer_inv.html">Customer Inventory</a>

				<a id="" style="display: none;" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/kra_monitoring_report.html">KRA GC/PC Monitoring</a>
				<a id="" style="display: none;" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/sales_by_customer.html">Sales Summary per Customer</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/job_order_summary.html">Delivery Summary Report</a>
				
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pos_rgs_by_rider_water.html" style="display: none;">Rider RGS</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pos_reb_by_rider_water.html" >Rider REB</a>

				<!-- <h6 class="collapse-header">Sales:</h6> -->
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pos_sale.html">Sales Transaction</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pos_sale_list.html">Sales By Transaction Details</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pos_sales_by_product.html">Daily POS Sales by Product</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pos_sales_by_product_time.html">Hourly POS Sales by Product</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pos_sold_stock_time.html">Hourly POS Stocks by Product</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/eod_csrep.html">Sales Per Shift Summary</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/transaction_flow_summary.html">Transaction Flow Summary</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pos_sales_by_customer_water2.html">Sales By Customer</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pos_sales_by_customer.html">POS Sales Summary</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/job_order_by_item.html">Discounts Summary Report</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/job_order_difference.html">Delivery Summary by User</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pos_reserve_summary.html">Reservation Summary per Customer</a>
				
                
                <!-- <h6 class="collapse-header">Others:</h6> -->
                <a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/gross_call.html">Gross Call</a>
                <a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pos_shift.html">Cashier Shift</a>
                <a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/child_collection.html">Store Collections</a>
                <a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/reconcilliation_report.html">Reconcilliation Report</a>                
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pos_cancel.html">POS Cancelled Transactions</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/eodct_rep.html">End of Day Cleared Transactions Report</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/eod_rtnrep.html">End of Day Sales Return Report</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/eod_ctrtnrep.html">End of Day CT Return Report</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/eod_payrep.html">Payment Summary</a>				
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pos_return.html">Sales Return</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pos_sale_list.html">POS Sales by Product Details</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/category/payterm_type.html">Payment Term Type</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/category/suffix.html">Suffix</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/eod_chgrep.html">End of day Charged transaction report</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/eod_discount.html">End of day discount break-down</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/eodct_payrep.html">End of day cleared payments break-down</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/inventory_audit_line.html">Inventory Audit Line</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pos_cashflow.html">Cashflow</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pos_due.html">Collection Due Date</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pos_due_list.html">Collection Due Payments</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/pos_return_list.html">Sales Return List</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/stock_card.html">Stock Card</a>
			</div>
		</div>
	</li>

	<!-- 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">
				<h6 style="display: none;" class="collapse-header">Company Settings:</h6>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/category/company.html">Company</a>
				
				<h6 class="collapse-header">References:</h6>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/category/prodtype.html">Product Category</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/category/unit.html">Unit of Measure</a>
				<a id="" class="collapse-item d-none" href="<!--[#SITE_URL;]-->/p/category/brand.html">Brand</a>
				<a id="" class="collapse-item d-none" href="<!--[#SITE_URL;]-->/p/category/storage.html">Storage Location</a>
				<a id="" class="collapse-item d-none" href="<!--[#SITE_URL;]-->/p/category/stockflow.html">Stock Flow</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/client.html">Customers</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/cusschedule.html">Schedules</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/clientschedule.html">Client Schedule</a>
				<a id="" class="collapse-item d-none" href="<!--[#SITE_URL;]-->/p/category/discount.html">Discount</a>
				<a id="" class="collapse-item d-none" href="<!--[#SITE_URL;]-->/p/category/payment_term.html">Payment Term</a>
				<a id="" class="collapse-item d-none" href="<!--[#SITE_URL;]-->/p/category/bank.html">Bank</a>
				<a id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/category/price_model.html">Pricing Scheme</a>

				<a id="" class="collapse-item d-none" href="<!--[#SITE_URL;]-->/p/record/sa_schedule.html">Sales Agent Schedule</a>
				<a id="" class="collapse-item d-none" href="<!--[#SITE_URL;]-->/p/record/sa_target.html">Sales Agent Target</a>

				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/category/tax_model.html">Tax</a>

				<h6 style="display: none;" class="collapse-header">POS Settings:</h6>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/voucher.html">Voucher</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/loyalty.html">Loyalty Card</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/record/loyalty_flow.html">Loyalty Point Flow</a>

				<h6 style="display: none;" class="collapse-header">System Settings:</h6>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/category/card_type.html">Card Type</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/category/company_type.html">Company Type</a>
				<a style="display: none;" id="" class="collapse-item" href="<!--[#SITE_URL;]-->/p/category/category.html">Payment Type</a>

				
				
				<!-- CHANGE PASSWORD -->
				<h6 class="collapse-header"></h6>
				<a id="CHANGE_PASSWORD_CMD" class="collapse-item" href="javascript:void(0)">Change Password</a>
			</div>
		</div>
	</li>

	<!-- ACCESS CONTROL -->
	<li class="nav-item"  id="LI_SIDE_AC">
		<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseAC" aria-expanded="true" aria-controls="collapseAC">
			<i class="fas fa-door-open"></i><span>Access Control</span>
		</a>
		<div id="collapseAC" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
			<div class="bg-white py-2 collapse-inner rounded ac-menu">
				<h6 class="collapse-header">Access Control:</h6>
				<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 style="display: none;" id="LI_SIDE_GROUP" class="collapse-item" href="<!--[#SITE_URL;]-->/p/account/group.html">Account Group</a>
				<a class="collapse-item d-none" href="<!--[#SITE_URL;]-->/p/record/posdevice.html">POS Devices</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>

	<!-- LOGOUT -->
	<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>

<script>
	function isMobileDevice() 
	{
		if(window.innerWidth <= 1023)
		{
			var element = document.getElementById('accordionSidebar');
			element.classList.add('toggled')
		}

		return;
	};

	isMobileDevice();
</script>


<!-- End of Sidebar -->

