{% extends "authentic2/base-page.html" %}
{% load i18n %}

{% block content %}
{% include "registration/registration_steps.html" with active_step="creation" %}

<div id="registration">
  <h2>Créer un {{ account_label }}</h2>
  <p>
    GRANDLYON Connect, un service de la Métropole de Lyon. Avec un seul compte, vous<br />
    avez accès à différents services en ligne du territoire.{% if support_url %} <a href="{{ support_url }}" class="support-link">En savoir plus sur nos partenaires</a>{% endif %}.
  </p>
  <div id="methods">
    {% for id, block in frontends.items %}
    <div id="frontend-registration-{{ id }}">
      <div>
        {{ block.content|safe }}
      </div>
    </div>
    {% if not forloop.last %}
    <div class="separator">
      <div>{% trans "OU" %}</div>
    </div>
    {% endif %}
    {% endfor %}
  </div>
<div id="login-footer">
  <h2>Vous avez déjà un compte</h2>
  <p><a href="{% url 'auth_login' %}" class="button">Se connecter</a></p>
</div>
</div>

{% endblock %}