{% 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="{{ path('app_dashboard') }}">
				<img src="{{ asset('img/logo-ct-dark.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="{{ path('app_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='{{ path('app_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='{{ path('app_referral_source') }}'>
							<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='{{ path('app_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="{{ path('app_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="{{ path('app_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="{{ path('app_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='{{ logout_path() }}'>
						<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 %}