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

{% block title %}
{% trans "Registration" %}
{% endblock %}

{% block breadcrumb-elements %}
  <li class="active">Enregistrement</li>
{% endblock %}

{% block content %}
<div class="box-title">
<h2>Créer votre compte citoyen</h2>
{% if frontends.items %}<!-- FranceConnect -->
Vous pouvez choisir de créer votre compte en utilisant uniquement votre adresse
électronique, ou bien de passer par le service FranceConnect.
{% endif %}
</div>

{% if frontends.items %}<!-- FranceConnect -->
<div id="left">
<div class="registration_frontend">
<h2>Création avec votre courriel</h2>
<p>
Pour créer un compte lié à votre adresse électronique, indiquez-la ci-dessous.
Vous recevrez alors un courriel qui vous indiquera la procédure à suivre.
</p>
{% endif %}

<form method="post" action=".">
  {% csrf_token %}
  {{ form.as_p }}

  <input type="submit" value="{% trans 'Submit' %}" />
</form>

{% if frontends.items %}<!-- FranceConnect -->
</div>
</div>
{% endif %}

{% for id, block in frontends.items %}<!-- FranceConnect -->
<div id="right">
  <div class="registration_frontend">
    <h2>Création avec {{ block.name }}</h2>
    <p>
      {{ block.content|safe }}
    </p>
  </div>
</div>
{% endfor %}

{% endblock %}
