{% 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="../pages/dashboard.html">
				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">
					<!-- @todo only display when logged in -->
					{% if app.user %}
						<li class="nav-item">
							<a class="nav-link d-flex align-items-center me-2 active" aria-current="page" href="/index.php/">
								<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="/index.php/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='/index.php/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="/index.php/">
								<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"><!--
																		                replace with other link
																						<li class="nav-item d-flex align-items-center">
																							<a class="btn btn-outline-primary btn-sm mb-0 me-2" target="_blank" href="https://www.creative-tim.com/builder?ref=navbar-material-dashboard">Online Builder</a>
																						</li>
																						<li class="nav-item">
																							<a href="https://www.creative-tim.com/product/material-dashboard" class="btn btn-sm mb-0 me-1 bg-gradient-dark">Free download</a>
																						</li>
																		                -->
				</ul>
			</div>
		</div>
	</nav>
	<!-- End Navbar -->
{% endblock %}