{% block nav %}
	<aside class="sidenav navbar navbar-vertical navbar-expand-xs border-radius-lg fixed-start ms-2 my-2 bg-white" 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') }}">
				{% if app.user.company.companyLogo %}
				<img src="{{ company_image_path }}/{{ app.user.company.companyLogo }}" class="navbar-brand-img" width="30" height="30" alt="main_logo">
				{% else %}
				<img src="{{ asset('img/logo-ct-dark.png') }}" class="navbar-brand-img" width="30" height="30" alt="main_logo">
				{% endif %}
				<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 mt-3">
						<h6 class="ps-4 ms-2 text-uppercase text-xs text-dark font-weight-bolder opacity-5">Admin pages</h6>
					</li>
					<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='{{ company_nav }}' href='{{ path('app_company') }}'>
							<i class='material-symbols-rounded opacity-5'>folder_open</i>
							<span class='nav-link-text ms-1'>Company</span>
						</a>
					</li>
					<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>
					<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>
					<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>
				{% endif %}

				<li class="nav-item mt-3">
					<h6 class="ps-4 ms-2 text-uppercase text-xs text-dark font-weight-bolder opacity-5">Staffing pages</h6>
				</li>
				{% if is_granted('ROLE_CASE_MANAGER') or is_granted('ROLE_ADMIN') %}
					<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='{{ staff_notes }}' href='{{ path('app_staff_my_cases') }}'>
						<i class='material-symbols-rounded opacity-5'>supervisor_account</i>
						<span class='nav-link-text ms-1'>Staff My Cases</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">User pages</h6>
				</li>
				<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'>
					<a class='{{ my_cases }}' href='{{ path('app_my_cases') }}'>
						<i class='material-symbols-rounded opacity-5'>business_center</i>
						<span class='nav-link-text ms-1'>My Cases</span>
					</a>
				</li>
				<li class='nav-item'>
					<a class='{{ case_notes }}' href='{{ path('app_list_notes') }}'>
						<i class='material-symbols-rounded opacity-5'>note_add</i>
						<span class='nav-link-text ms-1'>Case Notes</span>
					</a>
				</li>
				<li class='nav-item'>
					<a class='{{ case_itinerary }}' href='{{ path('app_list_case_addresses') }}'>
						<i class='material-symbols-rounded opacity-5'>map</i>
						<span class='nav-link-text ms-1'>Case Addresses</span>
					</a>
				</li>
				<li class='nav-item'>
					<a class='{{ community_resources }}' href='{{ path('app_community_resource') }}'>
						<i class='material-symbols-rounded opacity-5'>verified</i>
						<span class='nav-link-text ms-1'>Resources</span>
					</a>
				</li>
				<li class='nav-item'>
					<a class='{{ company_directory }}' href='{{ path('app_company_directory') }}'>
						<i class='material-symbols-rounded opacity-5'>lists</i>
						<span class='nav-link-text ms-1'>Company Directory</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">{{ app.user.name }}</span>
					</a>
				</li>
				<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>
	</aside>
{% endblock %}
