{% import "includes/macros" as macros %}

<!DOCTYPE html>
<html lang="de">
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<link rel="manifest" href="public/manifest.json"/>
		<link rel="stylesheet" href="/public/main.css"/>
		<link rel="icon" type="image/x-icon" href="/public/images/favicon.ico">
		<title>Ruderassistent - ASKÖ Ruderverein Donau Linz</title>
	</head>
	<body class="bg-gray-100">
		{% if loggedin_user %}
			{{ macros::header(loggedin_user=loggedin_user) }}
		{% endif %}
		{% if show_kiosk_header %}
      <header class="bg-primary-900 text-white flex justify-between px-4 py-3 w-full z-10 ">
        <div>
          <a href="/log">
            Hü
          </a>
        </div>
        <div>
          <a href="/log" class="px-2">Ausfahrt eintragen</a>
          <a href="/log/show" class="px-2">Logbuch</a>
          <a href="/stat" class="px-2">Statistik</a>
          <a href="/boatdamage" class="px-2">Bootsschaden</a>
        </div>
      </header>
		{% endif %}

			<div class="flex min-h-screen {%if not loggedin_user and not show_kiosk_header %} items-center {% else %} items-start {% endif %} justify-center px-4 py-12 sm:px-6 lg:px-8"> {% block content %}{% endblock content %}
				</div>

				{% if loggedin_user %}
					{% include "includes/footer" %}
        {% endif %}

        {% include "dynamics/sidebar" %}
        
					<script src="/public/main.js"></script>
				</body>
			</html>
		</body>
	</html>