{% extends "base.html" %}

{% block main-css %}
  <link rel="stylesheet" type="text/css" href="/static/montpellier/idp.css">
{% endblock %}

{% block extra-top-head %}
  {% block extrascripts %}
  {% endblock %}
  {% block extra_scripts %}
  {% endblock %}
  {{ form.media }}
{% endblock %}

{% block placeholder-messages %}
{% endblock %}

{% block extra-body-class %}authentic-page{% endblock %}

{% block top-links %}
  {% if user.is_authenticated %}
    <div class="m-connect-toplinks foldable folded">
      <p class="m-connect-toplinks--btn">
        {% include "includes/user-info-user-name.html" %}
      </p>
      <div id="m-connect-toplinks--panel" class="m-connect-toplinks--panel">
        {% include 'includes/user-info.html' with a2_page=True %}
      </div>
    </div>
  {% else %}
    {{ block.super }}
  {% endif %}
{% endblock %}

{% block idp_logo %}
  <div id="logo_idp">
    <p class="sr-only">
      Montpellier métropole et ville
    </p>
  </div>
{% endblock %}


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

  <header class="theme-page-title--wrapper">
    {% block default-page-title %}
      {% firstof page.title view.title title as theme_page_title %}
      {% if theme_page_title %}
        <h1 class="theme-page-title">
          {% block default-page-title-content %}{{ theme_page_title }}{% endblock %}
        </h1>
      {% endif %}
    {% endblock %}
  </header>

  {% block content %}
  {% endblock %}

{% endblock %}