<!DOCTYPE html>
<html lang="{{ g.locale.language }}">
<head>
    <meta charset="utf-8" />
    <title>
        {%- block fulltitle -%}
            {% block title %}{{ page_title }}{% endblock %} &mdash; {{ SITE_NAME }}
        {%- endblock fulltitle -%}
    </title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes">
{% include 'base_head.html' %}
{% block extrahead %}{% endblock %}
</head>

<body>
    <!-- Container start -->
    <div class="container">
    {% include 'includes/header.html' with context %}
    <!-- Content start -->
    <main id="content">

    {%- block content %}{% endblock -%}

    </main>
    <!-- Content end -->
    <footer class="footer">{{ html_block('footer') }}</footer>
    </div>
    <!-- Container end -->

    <div class="modal-backdrop hide fade" id="modal-bg"></div>
    <div class="modal hide fade" id="modal">{% block modal %}{% endblock %}</div>
    <img id="loading-icon" src="{{ url_for('static', filename='i/ajax-loader.gif') }}" alt="..." class="loader loader-hidden" />

    <div class="popup-notifications" id="popup-notifications"></div>
{% include 'base_body_scripts.html' %}
{% block extrabody %}{% endblock %}
</body>
</html>
