{% extends "authentic2_idp_oidc/authorization.html" %}

{% block a2-block-pre %}
{% include "registration/registration_steps.html" with active_step="share" %}
{% endblock %}

{% block content %}
<div class="a2-authorization">
  {% if needs_scope_validation %}
  <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 %}
      <p><a class="show-scopes">Afficher les informations partagées</a><a class="hide-scopes">Cacher les informations partagées</a></p>
      <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" title="ouverture dans une nouvelle fenêtre">
        Cliquez ici pour en savoir plus
      </a>.
    </div>
  </div>
  {% endif %}
  <div class="a2-authorization-form">
    <form method="post">
      {% if needs_profile_validation %}
      <div id="profile-validation">
      <p>Sélectionnez le profil avec lequel vous souhaitez accéder au service {{ request.partner.name }} afin d'adapter les informations transmises.</p>
      <p>Dans le cas d’une démarche professionnelle, si le profil de l’entreprise souhaitée ne figure pas dans la liste, vous pouvez l’ajouter depuis la <a href="{{ glcpro_front_url }}" target="_blank" rel="noopener">page d’accueil de GrandLyon Connect Pro</a>.</p>
       <div class="profile" id="profile-validation-none">
         <input type="radio" id="_none" name="profile-validation" value="" checked>
         <label for="_none">Conserver mon profil utilisateur standard, à usage personnel.</label>
       </div>
       {% for profile in user.profiles.all %}
         <div class="profile" id="profile-validation-{{ profile.id }}">
           <input type="radio" id="{{ profile.id }}" name="profile-validation" value="{{ profile.id }}">
           <label for="{{ profile.id }}">
           {% with nom=profile.data.entreprise_nom siren=profile.data.entreprise_siren siret=profile.data.entreprise_siret %}
             <div>{{ nom }} – {% firstof siret siren "Numéro identifiant inconnu" %}</div>
           {% endwith %}
           <div>Votre courriel pro : {{ profile.email }}</div>
           </label>
         </div>
       {% endfor %}
      </div>
      {% else %}
      <div class="a2-oidc-authorization-form--do-not-ask-again django-checkbox-input">
        <div class="title">
          <label for="id_do_not_ask_again">Ne plus redemander</label>
        </div>
        <div class="content">
          <label>
            <input type="checkbox" id="id_do_not_ask_again" name="do_not_ask_again" />
            <span></span>
          </label>
       </div>
      {% endif %}
      {% csrf_token %}
    </div>
    <p>
      <input type="submit" name="accept" value="Partager" class="lock">
      <input type="submit" name="refuse" value="Abandonner" class="refuse">
    </p>
  </form>
  </div>
</div>
{% endblock %}
