{% load static menu_tags wagtailuserbar i18n wagtailcore_tags %}

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>{% block title %}
            {% if page.seo_title %}
                {{ page.seo_title }} |
            {% elif page.title %}
                {{ page.title }} |
            {% endif %}
            {% trans "Association des élèves de l'ENS Ulm" %}
        {% endblock %}</title>
        <link rel="stylesheet" type="text/css" href="{% static "fonts/CarterOne/carterOne.css" %}"/>
        <link rel="stylesheet" type="text/css" href="{% static "fonts/SourceSansPro/sourceSansPro.css" %}"/>
        <link rel="stylesheet" type="text/css" href="{% static "cofcms/css/screen.css" %}"/>
        {% block extra_head %}{% endblock %}

        <meta name="viewport" content="width=device-width, initial-scale=1.0; minimum-scale=1.0;">
    </head>

    <body>
        <header id="header">
            <section class="top-menu">
                <h1 class="cof"><a href="/">COF</a></h1>
                <a class="minimenu" href="javascript:void(0)" onclick="document.getElementById('header').classList.toggle('expanded');"><img src="{% static "cofcms/images/minimenu.svg" %}"></a>
                <nav>
                    {% flat_menu "cof-nav-ext" template="cofcms/base_nav.html" %}
                </nav>
            </section>
            <section class="bottom-menu">
                <nav>
                    {% flat_menu "cof-nav-int" template="cofcms/base_nav.html" apply_active_classes=True %}

                    {% get_current_language as curlang %}

                    <div class="lang-select">
                        {% if curlang == 'en' %}
                            {% language 'fr' %}
                            <a href="{% pageurl self %}" title="Français"><img src="{% static "cofcms/images/fr.png" %}"></a>
                            {% endlanguage %}
                        {% else %}
                            {% language 'en' %}
                            <a href="{% pageurl self %}" title="English"><img src="{% static "cofcms/images/en.png" %}"></a>
                            {% endlanguage %}
                        {% endif %}
                    </div>
                </nav>
            </section>
        </header>

        <div class="container">
            {% block superaside %}{% endblock %}

            <div class="content">
                {% block content %}{% endblock %}
            </div>
        </div>
        {% wagtailuserbar %}
    </body>
</html>
