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

{% block content %}
<div id="cut-nav">
  <ul>
    <li><a href="{% url 'account_management' %}#mon-compte">MON COMPTE</a></li>
    <li><a href="{% url 'account_management' %}#mes-donnees-d-identite">MES DONNÉES D'IDENTITÉ</a></li>
    <li><a href="{% url 'account_management' %}#mes-donnees-complementaires">MES DONNÉES COMPLÉMENTAIRES</a></li>
    {% if allow_authorization_management %}
    <li><a href="{% url 'consents' %}">MES CONSENTEMENTS</a></li>
    {% endif %}
    {% if glcpro_front_url and glcpro_front_label %}
    <li><a href="{{ glcpro_front_url }}">{{ glcpro_front_label }}</a></li>
    {% endif %}
  </ul>
</div>

<div id="cut-account">
  <div class="progress{% if user.attributes.validated and user.attributes.validation_context %} validated{% endif %}">
    <h2 id="mon-compte">Mon compte</h2>
    <ul class="profile profile-{% if user.attributes.validation_context == 'FC' %}fc-validated{% elif user.attributes.validated and user.attributes.validation_context != 'FC' %}guichet-validated{% else %}completed{% endif %}-{% if cut_core_filled %}{% if cut_crown_filled %}3{% else %}2{% endif %}{% else %}1{% endif %}-3">
      <li>DONNÉES OBLIGATOIRES</li>
      <li>DONNÉES D'IDENTITÉ</li>
      <li>DONNÉES COMPLÉMENTAIRES</li>
    </ul>

    {% if user.attributes.validated and user.attributes.validation_context == 'FC' %}
    <div class="fc-validated">
      <h2>VOTRE IDENTITÉ VÉRIFIÉE</h2>
      <div>
        <div class="info">
          <p>Votre identité a été vérifiée le <strong>{{ user.attributes.validation_date }}</strong> par liaison à FranceConnect.
          <p>L'identité vérifiée permet d'accèder à des services qui demandent une identité vérifiée.</p>
        </div>
        <div class="fc-block">
          <p class="more-info">
            <a href="{{ help_url }}" target="_blank" rel="noopener" title="ouverture dans une nouvelle fenêtre">En savoir +</a>
          </p>
          {% if user.fc_accounts.exists %}
          {% for html_block in frontends_block %}
          {{ html_block|safe }}
          {% endfor %}
          {% endif %}
        </div>
      </div>
    </div>
    {% endif %}

    {% if user.attributes.validated and user.attributes.validation_context != 'FC' %}
    <div class="guichet-validated">
      <h2>VOTRE IDENTITÉ VERIFIÉE</h2>
      <div>
        <div class="info">
          <p>Votre identité a été certifiée le <strong>{{ user.attributes.validation_date }}</strong> par un agent.
          <p>L'identité certifiée permet d'accèder à des services qui demandent une identité certifiée.</p>
        </div>
        <div class="fc-block">
          <p class="more-info">
            <a href="{{ help_url }}" target="_blank" rel="noopener" title="ouverture dans une nouvelle fenêtre">En savoir +</a>
          </p>
        </div>
      </div>
    </div>
    {% endif %}
  </div>

  <div id="profile">
    {% if profile %}
    <h2 id="mes-donnees-d-identite">Mes données d'identité</h2>
    <p>Elles correspondent à vos données figurant sur votre carte d’identité.</p>
    <ul>
      {% for key, values in profile %}
      {% if key == 'Prénoms' or key == 'Nom' or key == 'Nom de naissance' or key == 'Prénoms de naissance' or key == 'Civilité' or key == 'Date de naissance' or key == 'Lieu de naissance' or key == 'Pays de naissance' %}
        <li><span class="field-label">{{ key|upper }}</span>
          <span class="field-value">
            {% if values|length == 0 %}<span class="nodata">(non spécifié)</span>
            {% elif values|length == 1 %}{% if key == 'Date de naissance' %}{{ user.attributes.birthdate|date:"DATE_FORMAT" }}{% else %}{{ values.0 }}{% endif %}{% else %}
            <ul>
            {% for value in values %}
            <li>{{ value }}</li>
            {% endfor %}
            </ul>
            {% endif %}
          </span>
        </li>
        {% endif %}
        {% endfor %}
    </ul>
    <div class="edit center">{% if user.attributes.validated %}
      <a href="{{ help_url }}" target="_blank" rel="noopener" title="ouverture dans une nouvelle fenêtre">Modifier mes données d'identité ?</a>
     {% else %}
     <a href="{% url 'cut-edit-core' %}" class="button">Modifier mes données d’identité</a>
     {% endif %}
    </div>
    {% endif %}

    <h2 id="mes-donnees-complementaires">Mes données complémentaires</h2>
    <p>Les données complémentaires enrichissent votre compte pour faciliter vos démarches.</p>

    <h3 class="section">Données d’identité complementaires</h3>
    <ul>
      {% for key, values in profile %}
      {% if key == "Noms d'usage" or key == "Nom d'usage" or key == "Prénoms d'usage" %}
      <li><span class="field-label">{{ key|upper }}</span>
        <span class="field-value">
          {% if not values %}<span class="nodata">(non spécifié)</span>
          {% elif values|length == 1 %}{{ values.0 }}{% else %}
          <ul>
            {% for value in values %}
            <li>{{ value }}</li>
            {% endfor %}
          </ul>
          {% endif %}
        </span>
      </li>
      {% endif %}
      {% endfor %}
      <li class="center nodata{% for key, values in profile %}{% if key == "Noms d'usage" or key == "Nom d'usage" or key == "Prénoms d'usage" %} hidden{% endif %}{% endfor %}">Non renseigné</li>
    </ul>

    <h3 class="section">Adresse</h3>
    <ul>
      {% for key, values in profile %}
      {% if key == "Numéro sur la voie" or key == "Nom de la voie" or key == "Complément d'adresse" or key == "Code postal" or key == "Nom de la commune" or key == "Pays" %}
      <li><span class="field-label">{{ key|upper }}</span>
        <span class="field-value">
          {% if not values %}<span class="nodata">(non spécifié)</span>
          {% elif values|length == 1 %}{{ values.0 }}{% else %}
          <ul>
            {% for value in values %}
            <li>{{ value }}</li>
            {% endfor %}
          </ul>
          {% endif %}
        </span>
      </li>
      {% endif %}
      {% endfor %}
      {% if user.fc_accounts.all.0.get_user_info.address %}
        <li>
          <span class="field-label">ADRESSE FOURNIE PAR FRANCECONNECT</span>
          <span class="field-value">{% with address=user.fc_accounts.all.0.get_user_info.address %}{% if address %}{{ address.street_address }}, {{ address.postal_code }} {{ address.locality }}{% if address.country and address.country.upper != "FRANCE" %}, {{ address.country }}{% endif %}{% endif %}{% endwith %}</span>
        </li>
        {% else %}
      <li class="center nodata{% if user.fc_accounts.all.0.get_user_info.address %} hidden {% else %}{% for key, values in profile %}{% if key == "Numéro sur la voie" or key == "Nom de la voie" or key == "Complément d'adresse" or key == "Code postal" or key == "Nom de la commune" or key == "Pays" %} hidden{% endif %}{% endfor %}{% endif %}">Non renseigné</li>
        {% endif %}
    </ul>

    <h3 class="section">Coordonnées</h3>
    <ul>
      {% for key, values in profile %}
      {% if key == "Téléphone mobile personnel" or key == "Téléphone fixe personnel" or key == "Téléphone mobile professionnel" or key == "Téléphone fixe professionnel" %}
      <li><span class="field-label">{{ key|upper }}</span>
        <span class="field-value">
          {% if not values %}<span class="nodata">(non spécifié)</span>
          {% elif values|length == 1 %}{{ values.0 }}{% else %}
          <ul>
            {% for value in values %}
            <li>{{ value }}</li>
            {% endfor %}
          </ul>
          {% endif %}
        </span>
      </li>
      {% endif %}
      {% endfor %}
      {% if user.fc_accounts.all.0.get_user_info.phone_number %}
        <li>
          <span class="field-label">TÉLÉPHONE FOURNI PAR FRANCECONNECT</span>
          <span class="field-value">{{ user.fc_accounts.all.0.get_user_info.phone_number }}</span>
        </li>
        {% else %}
      <li class="center nodata{% if user.fc_accounts.all.0.get_user_info.phone_number %} hidden{% else %}{% for key, values in profile %}{% if key == "Téléphone mobile personnel" or key == "Téléphone fixe personnel" or key == "Téléphone mobile professionnel" or key == "Téléphone fixe professionnel" %} hidden{% endif %}{% endfor %}{% endif %}">Non renseigné</li>
      {% endif %}
    </ul>
    <div class="edit center">
      <a href="{% url 'cut-edit-crown' %}" class="button">Compléter mes données</a>
    </div>
  </div>
    <div id="account-management">
    <div class="block">
      <div class="associated-email">VOTRE COURRIEL EST <span>{{ user.email }}</span></div>
      <ul>
      {% if allow_email_change %}
      <li><a href="{% url 'email-change' %}" class="button">Modifier le courriel</a></li>
      {% endif %}
      {{ frontends_block_by_id.password.content|safe }}
      {% if allow_account_deletion %}
      <li><a href="{% url 'delete_account' %}" class="button">Supprimer le compte</a></li>
      {% endif %}
      </ul>
    </div>
    {% if not user.fc_accounts.exists %}
    <div id="account-management-{{ fc }}" class="block">
      {{ frontends_block_by_id.fc.content|safe }}
    </div>
    {% endif %}
  </div>
</div>

{% endblock %}
