<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>
			{% block title %}
				{{ title }}
			{% endblock %}
		</title>
		{% block stylesheets %}{% endblock %}
	</head>
	<body>
		<header>
			<nav>
				<div role="nav-left">
					<a href="/" title="home" role="nav-links">
						<i class="ti ti-biohazard-off"></i>
					</a>
					<a href="/about" title="about" role="nav-links">
						<i class="ti ti-info-circle"></i>
					</a>
					<a href="/listings/page/1" title="instance listing" role="nav-links">
						<i class="ti ti-list"></i>
					</a>

				</div>
				<div role="nav-right">

					{% if loggedIn == true %}
						<a href="/den" title="den index" role="nav-links">
							<i class="ti ti-door" title="den index"></i>
						</a>
						<a href="/den/members/page/1" title="members" role="nav-links">
							<i class="ti ti-users" title="members"></i>
						</a>
						<a href="/den/locations/page/1" title="locations" role="nav-links">
							<i class="ti ti-list-details" title="locations"></i>
						</a>
						<a href="/logout" title="logout" role="nav-links">
							<i class="ti ti-door-exit" title="logout"></i>
						</a>
					{% else %}
						<a href="/den" title="login" role="nav-links">
							<i class="ti ti-door-enter" title="login"></i>
						</a>
					{% endif %}

				</nav>
			</header>
			{% if options.notice is defined %}
				<div role="system-notice">
					<i class="ti ti-alert-circle"></i>
					{{ options.notice }}
				</div>
			{% endif %}

			<main>
				{% block main %}{% endblock %}
			</main>
		</body>
	</body>
</html>
