{% load navigation_tags static wagtailuserbar %}
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>
            {% block title %}
                {% if page.seo_title %}
                    {{ page.seo_title }}
                {% else %}
                    {{ page.title }}
                {% endif %}
            {% endblock %}
            {% block title_suffix %}
                | {{ settings.base.SiteSettings.title_suffix }}
            {% endblock %}
        </title>
        <meta name="description" content="{% block search_description %}{% if page.search_description %}{{ page.search_description }}{% endif %}{% endblock %}">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        {# Force all links in the live preview panel to be opened in a new tab #}
        {% if request.in_preview_panel %}
            <base target="_blank">
        {% endif %}

        <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
        <link rel="stylesheet" href="{% static 'css/font-marcellus.css' %}">
        <link rel="stylesheet" href="{% static 'css/main.css' %}">
    </head>

    <body class="{% block body_class %}template-{{ self.get_verbose_name|slugify }}{% endblock %}">
        {% wagtailuserbar %}

        {% block header %}
            {% include "includes/header.html" %}
        {% endblock header %}

        {% block breadcrumbs %}
            {# breadcrumbs is defined in base/templatetags/navigation_tags.py #}
            {% breadcrumbs %}
        {% endblock breadcrumbs %}


        <main id="main-content">
            {% block messages %}
                {% include "includes/messages.html" %}
            {% endblock messages %}

            {% block content %}
            {% endblock content %}
        </main>

        <hr>

        {% include "includes/footer.html" %}

        <script type="module" src="{% static 'js/main.js' %}"></script>
    </body>
</html>