<!-- Sidebar -->
<ul class="navbar-nav bg-blue sidebar sidebar-dark accordion toggled" 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">

	<!-- JOB ORDER -->
	<li class="nav-item">
		<a class="nav-link" href="<!--[#SITE_URL;]-->/p/water/trucking/job-order.html">
		<i class="fas fa-home"></i> <span>Job Order</span></a>
	</li>

	<!-- CHANGE PASSWORD -->
	<li class="nav-item">
		<a class="nav-link" href="javascript:void(0)" id="CHANGE_PASSWORD_CMD">
		<i class="fas fa-power-off"></i> <span>Change Password</span></a>
	</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>

<!-- End of Sidebar -->

