<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="theme-color" content="#FFFFFF"/>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>
			{% block title %}
				{{ title }}
			{% endblock %}
		</title>
		{% block stylesheets %}{% endblock %}
	</head>
	<body>
		{% if status %}
			<header>
				{% apply spaceless %}
				<nav role="top-nav">
					<div role="nav-left">
						<a href="/dashboard"><img id="the-logo" src="/assets/images/global/fipamo-logo.svg"/></a>
					</div>
					<div role="title">
						<h1>{{ title }}</h1>
					</div>
					<div role="nav-right">
						{% if status %}
							{% apply spaceless %}
							{{ include("dash/partials/navigation.twig") }}
							{% endapply %}
						{% endif %}
					</div>
				</nav>
				<div role="notify">
					{% apply spaceless %}
					{{ include("dash/partials/notifications.twig") }}
					{% endapply %}
				</div>
				{% endapply %}
			{% endif %}
		</header>
		<main>
			{% apply spaceless %}
			{% block mainContent %}{% endblock %}
			{% endapply %}
		</main>
		<footer></footer>
		<script type="module" src="/assets/scripts/dash.js"></script>
	</body>
</html>
