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

{% block title %}Mes informations{% endblock %}

{% block content %}
  <div class="cut-bordered-block">
    <h2>Informations générales</h2>
    <ul class="cut-attributes">
      {% for attr in attributes %}
        {% with name=attr.attribute.name label=attr.attribute.label values=attr.values %}
          {% if name == "title" or name == "last_name" or name == "first_name" or name == "preferred_username" or name == "preferred_givenname" or name == "birthdate" or name == "birthplace" or name == "birthcountry" or name == "birthdepartment" %}
            <li class="cut-attributes--item">
              <strong class="cut-attributes--label">{{ label }}</strong>
              <span class="cut-attributes--value">
                {% if values|length == 0 %}<span class="nodata">Non renseigné</span>
                {% elif values|length == 1 %}
                  {{ values.0 }}
                {% endif %}
              </li>
          {% endif %}
        {% endwith %}
      {% endfor %}
    </ul>
  </div>
  <div class="cut-bordered-block">
    <h2>Coordonnées</h2>
    <ul class="cut-attributes">
      {% for attr in attributes %}
        {% with name=attr.attribute.name label=attr.attribute.label values=attr.values %}
          {% if name == "address_street" or name == "address_zipcope" or name == "address_city" or name == "address_number" or name == "address_country" or name == "address_complement" or name == "home_phone" or name == "home_mobile_phone" %}
            <li class="cut-attributes--item">
              <strong class="cut-attributes--label">{{ label }}</strong>
              <span class="cut-attributes--value">
                {% if values|length == 0 %}<span class="nodata">Non renseigné</span>
                {% elif values|length == 1 %}
                  {{ values.0 }}
                {% endif %}
              </li>
          {% endif %}
        {% endwith %}
      {% endfor %}
    </ul>
  </div>

  <div class="cut-actions-buttons">
    <a href="{% url 'cut-edit-core' %}" class="inverted-button">Modifier mes informations</a>
  </div>
{% endblock %}