<!DOCTYPE html>
<html lang="{{ (grav.language.getActive ?: grav.config.site.default_lang)|e }}">
<head>
{% block head %}
    <meta charset="utf-8" />
    <title>{% if header.title %}{{ header.title|e }} | {% endif %}{{ site.title|e }}</title>

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    {% include 'partials/metadata.html.twig' %}

    <link rel="icon" type="image/png" href="{{ url('theme://images/logo.png')|e }}" />
    <link rel="canonical" href="{{ page.canonical(true)|e }}" />
    {# <script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></script> #}
{% endblock head %}

{% block stylesheets %}
    {% do assets.addCss('https://unpkg.com/purecss@1.0.0/build/pure-min.css', 100) %}
    {% do assets.addCss('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', 99) %}
    {% do assets.addCss('theme://css/pagedjs.css', 98) %}
    {% do assets.addCss('theme://css/custom.css', 97) %}
    {% do assets.addCss('theme://fonts/fonts.css', 96) %}
    {% do assets.addCss('theme://css/mep_carnet.css', 95) %}
{% endblock %}

{% block javascripts %}
    {% do assets.addJs('jquery', 100) %}
    {% do assets.addJs('theme://js/parsing.js', { group: 'bottom' }) %}
    {% do assets.addJs('theme://js/paged.polyfill.js', { group: 'bottom' }) %}
    {% do assets.addJs('theme://js/layout.js', { group: 'bottom' }) %}
{% endblock %}

{% block assets deferred %}
    {{ assets.css()|raw }}
    {{ assets.js()|raw }}
{% endblock %}
</head>
<body id="top" class="{{ page.header.body_classes|e }}">

        {% block body %}
            <section id="body">
                <div>
                {% block content %}{% endblock %}
                </div>
            </section>
        {% endblock %}


{% block bottom %}
    {{ assets.js('bottom')|raw }}
{% endblock %}
<div id="loading"></div>
</body>
</html>
