{% block nav %}
	<!-- Navbar -->
	<nav class="navbar navbar-expand-lg blur border-radius-xl top-0 z-index-3 shadow position-absolute my-3 py-2 start-0 end-0 mx-4">
		<div class="container-fluid ps-2 pe-0">
			<a class="navbar-brand font-weight-bolder ms-lg-0 ms-3 " href="{{ path('app_dashboard') }}">
				CM Tracker
			</a>
			<button class="navbar-toggler shadow-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon mt-2">
					<span class="navbar-toggler-bar bar1"></span>
					<span class="navbar-toggler-bar bar2"></span>
					<span class="navbar-toggler-bar bar3"></span>
				</span>
			</button>
			<div class="collapse navbar-collapse" id="navigation">
				<ul
					class="navbar-nav mx-auto">
					{% if company is defined %}
						<li class='nav-item'>
							<a class='nav-link d-flex align-items-center me-2' href='{{ path('app_list_documents') }}'>
								<i class='material-symbols-rounded opacity-5'>content_copy</i>
								Company Documents
							</a>
						</li>
					{% endif %}
					{% if app.user %}
						<li class='nav-item'>
							<a class='nav-link me-2' href='{{ path('app_admin_dashboard') }}'>
								<i class='fa fa-chart-pie opacity-5'></i>
								Admin Dashboard
							</a>
						</li>
						<li class="nav-item">
							<a class="nav-link me-2" href="{{ path('app_dashboard') }}">
								<i class="fa fa-chart-pie opacity-6 text-dark me-1"></i>
								Dashboard
							</a>
						</li>
						<li class="nav-item">
							<a class="nav-link me-2" href="{{ path('app_profile') }}">
								<i class="fa fa-user opacity-6 text-dark me-1"></i>
								Profile
							</a>
						</li>
					{% endif %}
					{% if not app.user %}
						<li class='nav-item'>
							<a class='nav-link me-2' href='{{ path('app_register') }}'>
								<i class='fas fa-key opacity-6 text-dark me-1'></i>
								Register
							</a>
						</li>
						<li class="nav-item">
							<a class="nav-link me-2" href="{{ path('app_login') }}">
								<i class="fas fa-key opacity-6 text-dark me-1"></i>
								Sign In
							</a>
						</li>
					{% endif %}
				</ul>
				<ul class="navbar-nav d-lg-flex d-none"></ul>
			</div>
		</div>
	</nav>
	<!-- End Navbar -->
{% endblock %}
