<!DOCTYPE html>
{% load gadjo i18n static pwa %}
<html {% if LANGUAGE_CODE %}lang="{{ LANGUAGE_CODE }}"{% endif %} {% if LANGUAGE_BIDI %}dir="rtl"{% endif %}>
  <head>
    <meta charset="UTF-8"><!-- 🔥 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}{% firstof global_title site_title "Compte Citoyen :: Montpellier Méditerranée Métropole" %}{% endblock %}</title>
    {% if site_base %}<link rel="preconnect" href="{{ site_base }}">{% endif %}
    {% if meta_robots %}
      <meta name="robots" content="{{ meta_robots }}" />
    {% elif environment_label %}
      <meta name="robots" content="noindex, nofollow, noarchive, nosnippet, notranslate, noimageindex" />
    {% endif %}
    {% if meta_description %}
      <meta name="description" content="{{ meta_description }}" />
    {% endif %}
    {% if meta_keywords %}
      <meta name="keywords" content="{{ meta_keywords }}" />
    {% endif %}
    {% block meta_icons %}{% endblock %}
    {% if theme_color %}
      <meta name="theme-color" content="{{theme_color}}">
      <meta name="msapplication-navbutton-color" content="{{theme_color}}">
    {% endif %}
    <meta name="apple-mobile-web-app-title" content="{{ pwa_settings.get_application_name }}">
    <link rel="manifest" href="{{site_base}}/manifest.json">
    {% if pwa_display == "standalone" %}
      <meta name="apple-mobile-web-app-capable" content="yes">
    {% endif %}
    {% block extra_top_head %}
    {% endblock %}
    {{ media }}
    {% block css-variant %}
      {% if css_variant %}
        <link rel="stylesheet" type="text/css" href="{{site_base}}{% static "" %}{{css_variant}}/style.css?{% start_timestamp %}">
      {% else %}
        <link rel="stylesheet" type="text/css" href="{{site_base}}{% static "style.css" %}?{% start_timestamp %}">
      {% endif %}
    {% endblock %}
    {% block extra_css %}
    {% endblock %}
    {% block extra_scripts %}
    {% endblock %}
    {{ PIWIK_JS|safe }}
  </head>
  <body {% block bodyargs %}class="{% block bodyclasses %}{% endblock %}" {% block bodyattrs %}{% endblock %}{% endblock %}>
    <div id="nav-skip">
      <div>
        <a href="#main-content">Aller au contenu</a>
        <a href="#nav">Aller au menu</a>
      </div>
    </div>

    <div id="page">
      <div id="header">
        <div id="top">
          <a href="{{ site_agglo_montpellier_url }}" accesskey="1">Montpellier Méditerranée Métropole</a>
          <div class="region-header">
            {% block top-links %}
            {% endblock %}
          </div>
        </div>
      </div> <!-- header -->
      <div id="main-content-wrapper">

        {% block messages %}
          {% if messages %}
            <div id="messages">
              <ul class="messages">
                {% for message in messages %}
                  <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
                {% endfor %}
              </ul>
            </div>
          {% endif %}
        {% endblock %}

        {% block nav %}{% endblock %}

        {% block before-main-content %}
        {% endblock %}

        {% block content_header %}{% endblock %}
        <div id="main-content">
          <div id="content" class="gru-content">
            {% block content %}
            {% endblock %}
          </div> <!-- #content -->
        </div> <!-- #main-content -->
      </div> <!-- #main-content-wrapper -->
      <div id="footer">
        {% block footer %}
        {% endblock %}
      </div>
    </div>
    <a style="display: none" href="#" accesskey="t">Retour en haut de page</a>
    {% block js-endpage %}
    {% endblock %}
    {% block body-bottom %}
      {% skeleton_extra_placeholder service-worker %}
      {% if page.pk %}  {# limit this to concrete pages on combo (ex: not 404) #}
        {% if pwa_display == "standalone" %}
          <script src="/service-worker-registration.js"></script>
        {% endif %}
      {% endif %}
    {% end_skeleton_extra_placeholder %}
{% endblock %}
</body>
</html>
