{% extends "authentic2/base-page.html" %}
{% block content %}
{% include "registration/registration_steps.html" with active_step="share" %}
<div class="a2-authorization">
  <h2>Partage d’informations {% if request.partner.url %} avec <a href="{{ request.partner.url }}" style="color: {{ request.partner.color }}">{{ request.partner.name }}</a>{% endif %}</h2>
  <div class="a2-authorization-explanation">
    <div>
      <span class="a2-authorization-explanation-title">Pourquoi partager vos informations ?</span>
      Afin de poursuivre votre navigation {{ request.partner.name }} souhaite accéder aux informations de votre {{ account_label }}.<br/>
      Les informations partagées permettent de compléter votre profil pour simplifier vos futures démarches, leur partage est sécurisé.
      {% if scopes %}
      <br /><a href="#scopes" class="show-scopes">Afficher les informations partagées</a>
      <span id="scopes">{% for scope in scopes %}{% if scope == "profile" %}nom, prénoms, date, lieu et pays de naissance, civilité{% elif scope == "crown" %}nom d'usage, prénoms d'usage, adresse postale, numéros de téléphone et département de naissance{% elif scope == "email" %}courriel{% endif %}{% if not forloop.last %}, {% endif %}{% endfor %}</span>
      {% endif %}
    </div>
    <div>
      <span class="a2-authorization-explanation-title">Que se passe-t-il si vous refusez ?</span>
      En ne partageant pas vos informations, vous ne pourrez pas accéder au service en ligne.
        <a href="{{ support_url }}" class="support-link" target="_blank" rel="noopener">Cliquez ici pour en savoir plus</a>.
    </div>
  </div>
  <div class="a2-authorization-form">
    <form method="post">
      {% csrf_token %}
    <p class="a2-oidc-authorization-form--do-not-ask-again">
      <input type="checkbox" id="id_do_not_ask_again" name="do_not_ask_again"/>
      <label for="id_do_not_ask_again">Ne plus redemander</label>
    </p>
    <p>
      <input type="submit" name="accept" value="Partager" class="lock">
      <input type="submit" name="refuse" value="Abandonner" class="refuse">
    </p>
  </form>
  </div>
</div>
{% endblock %}