{% block nav %}
	<aside class="sidenav navbar navbar-vertical navbar-expand-xs border-radius-lg fixed-start ms-2  bg-white my-2" id="sidenav-main">
		<div class="sidenav-header">
			<i class="fas fa-times p-3 cursor-pointer text-dark opacity-5 position-absolute end-0 top-0 d-none d-xl-none" aria-hidden="true" id="iconSidenav"></i>
			<a class="navbar-brand px-4 py-3 m-0" href="/index.php/dashboard">
				<img src="/assets/img/logo-ct-dark-fede0e8581dd87c5e6217653376c32a4.png" class="navbar-brand-img" width="26" height="26" alt="main_logo">
				<span class="ms-1 text-sm text-dark">CM Tracker</span>
			</a>
		</div>
		<hr class='horizontal dark mt-0 mb-2'>
		<div class='sidenav-header'>
			<p class='text-xs text-center'>
				{{ app.user.company|raw }}
			</p>
		</div>
		<hr class="horizontal dark mt-0 mb-2">
		<div class="collapse navbar-collapse  w-auto " id="sidenav-collapse-main">
			<ul class="navbar-nav">
				{% if is_granted('ROLE_ADMIN') %}
					<li class='nav-item'>
						<a class="{{ admin_dashboard }}" href="/index.php/admin-dashboard">
							<i class="material-symbols-rounded opacity-5">dashboard</i>
							<span class="nav-link-text ms-1">Admin Dashboard</span>
						</a>
					</li>
					<li class='nav-item'>
						<a class='{{ case_list }}' href='/index.php/list-cases'>
							<i class='material-symbols-rounded opacity-5'>cases</i>
							<span class='nav-link-text ms-1'>Case List</span>
						</a>
					</li>
					<li clas='nav-item'>
						<a class='{{ referral_sources }}' href='/index.php/list-referral-sources'>
							<i class='material-symbols-rounded opacity-5'>groups</i>
							<span class='nav-link-text ms-1'>Referral Sources</span>
						</a>
					</li>
				{% endif %}

				{% if is_granted('ROLE_CASE_MANAGER') %}
					<li class='nav-item'>
						<a class='{{ staff_dashboard }}' href='/index.php/staff-dashboard'>
							<i class='material-symbols-rounded opacity-5'>dashboard</i>
							<span class='nav-link-text ms-1'>Staff Dashboard</span>
						</a>
					</li>
				{% endif %}

				<li class="nav-item">
					<a class="{{ user_dashboard }}" href="/index.php/dashboard">
						<i class="material-symbols-rounded opacity-5">dashboard</i>
						<span class="nav-link-text ms-1">Dashboard</span>
					</a>
				</li>
				<li class="nav-item mt-3">
					<h6 class="ps-4 ms-2 text-uppercase text-xs text-dark font-weight-bolder opacity-5">Account pages</h6>
				</li>
				<li class="nav-item">
					<a class="{{ profile }}" href="/index.php/profile">
						<i class="material-symbols-rounded opacity-5">person</i>
						<span class="nav-link-text ms-1">Profile</span>
					</a>
				</li>
				{% if is_granted('ROLE_ADMIN') %}
					<li class="nav-item">
						<a class="{{ user_list }}" href="/index.php/list-users">
							<i class="material-symbols-rounded opacity-5">assignment</i>
							<span class="nav-link-text ms-1">User List</span>
						</a>
					</li>
				{% endif %}
				<li class='nav-item'>
					<a class='text-dark nav-link' href='/index.php/logout'>
						<i class='material-symbols-rounded opacity-5'>logout</i>
						<span class='nav-link-text ms-1'>Logout</span>
					</a>
				</li>
			</ul>
		</div>
		<div class="sidenav-footer position-absolute w-100 bottom-0 ">
			<div class="mx-3">
				<a class="btn btn-outline-dark mt-4 w-100" href="https://www.creative-tim.com/learning-lab/bootstrap/overview/material-dashboard?ref=sidebarfree" type="button">Documentation</a>
			</div>
		</div>
	</aside>
{% endblock %}