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

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

<div id="registration">
  <h2>Créez votre {{ account_label }}</h2>
  <div id="methods">
<div id="frontend-registration-email">

{% for id, block in frontends.items %}
  <div id="frontend-registration-{{ id }}">
    <div>
      <p>Utilisez <strong>votre courriel</strong> pour créer votre {{ account_label }}</p>
      <form method="post">
        {% csrf_token %}
        {{ form.as_p }}
        <input type="submit" value="Valider" />
      </form>
    </div>
  </div>
  {% endfor %}
</div>

<div class="separator">
  <div>{% trans "OU" %}</div>
</div>
    <div>
      <p>Utilisez <strong>FranceConnect</strong> pour créer votre {{ account_label }}</p>
      {% for id, block in frontends.items %}
      <div id="frontend-registration-{{ id }}">
        <div>
          {{ block.content|safe }}
        </div>
      </div>
      {% endfor %}
    </div>
  </div>

<div id="login-footer">
  <h2>J'ai déjà un compte</h2>
  <p><a href="{% url 'auth_login' %}" class="button">Me connecter</a></p>
</div>
  </div>

{% endblock %}