{% 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 dark:bg-black">
        {% 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="/stat/boats" class="px-2">Bootsauswertung</a>
                    <a href="/boatdamage" class="px-2">Bootsschaden</a>
                    <a href="/boatreservation" class="px-2">Bootsreservierung</a>
                </div>
            </header>
        {% endif %}
        <div class="flex flex-wrap min-h-screen {% if not loggedin_user and not show_kiosk_header %} items-center dark:bg-primary-900 {% else %} items-start {% endif %} justify-center px-4 py-12 sm:px-6 lg:px-8">
            {% if flash and loggedin_user %}
                <div class="max-w-screen-lg w-full mb-3">
                    {{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3") }}
                </div>
            {% endif %}
            {% 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>
