<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    {% block head %}
        {# Show the setup name, as set in the config file, as tab title. Don't escape HTML entities. #}
        <title>{{ setupname|safe }}</title>
        <link rel="stylesheet" href="/static/css/matemat.css"/>
        <link rel="stylesheet" href="/static/css/theme.css"/>
    {% endblock %}
</head>

<body>

{% block overlay %}
{% endblock %}

<header>
    {% block header %}

        <nav class="navbarbutton">	
        {# Show a link to the settings, if a user logged in via password (authlevel 2). #}
        {% if authlevel|default(0) > 1 %}
            {% if authuser is defined %}
                <a href="/">Home</a>
                {# If a user is an admin, call the link "Administration".  Otherwise, call it "Settings". #}
                {% if authuser.is_admin %}
                    <a href="/admin">Administration</a>
                    <a href="/statistics">Sales Statistics</a>
                {% else %}
                    <a href="/admin">Settings</a>
                {% endif %}
            {% endif %}
        {% endif %}
        </nav>
    {% endblock %}
</header>

<main>
    {% block main %}
        {# Here be content. #}
    {% endblock %}
</main>

<footer>
    {% block footer %}
        {# Show some information in the footer, e.g. the instance name, the version, and copyright info. #}
        <ul>
            <li> {{ setupname|safe }}
            <li> Matemat {{ __version__ }}
            <li> MIT License
            <li> git.kabelsalat.ch/s3lph/matemat
        </ul>
    {% endblock %}
</footer>

<script src="/static/js/overlay.js"></script>
</body>
</html>