{% load combo %}

<h2 class="cell--title" data-rsu="{{ rsu|pprint }}" data-json="{{ json }}" data-rsu-status="{{ rsu_status }}">
  Quotient familial — Carte famille
</h2>

{% if rsu_status == 404 %}
  <div class="cell--body">
    <div class="pk-attention">
      <p>
        Pour consulter, rééditer ou demander une carte famille en ligne, vous devez
        d’abord demander <a href="../profil/">l’accès à votre dossier administratif</a>.
      </p>
    </div>
  </div>

{% elif json_status != 200 or json.errors and json.errors|first != "pas de clé métier" %}
  <div class="cell--body">
    <div class="pk-error">
      <p>
        Le service est momentanément indisponible.
        Veuillez réessayer dans quelques minutes, merci de votre compréhension.
      </p>
      {% for error in json.errors %}{% if error.metier %}
        <p>Pour information voici l’erreur reçue : <i>{{ error.metier }}</i></p>
      {% endif %}{% endfor %}
    </div>
  </div>

{% else %}

  <div class="cell--body">
    {% if not json.data %}
      <p>
        Aucun quotient familial n’est disponible.
      </p>

    {% else %}

      {% with qfs=json.data %}
        <p>
          Ci-dessous la liste des quotients familiaux liés à votre dossier
          administratif
          (numéro de dossier {{ rsu.data.id }}, {{ rsu.data.nom_de_naissance }} {{ rsu.data.prenoms }})
        </p>

        {% for qf in qfs %}
          <div class="rsu-part qf">
            <div class="rsu-part--header">
              <h4>Quotient familial millésime {{ qf|get:"nom-quotient" }}</h4>
              <a class="pk-button" href="{% url 'nanterre-qf-carte-famille' qf_id=qf|get:"id-qf" %}"
                download="carte-famille-{{ rsu_adult }}-{{ qf|get:"id-qf" }}.pdf">Ré-éditer la carte famille (PDF)</a>
            </div>

            <dl class="profile">
              <dt class="label">Montant</dt>
              <dd class="value"><strong>{{ qf.montant }}</strong></dd>

              <dt class="label">Nature</dt>
              <dd class="value"><strong>{{ qf|get:"nature-qf" }}</strong></dd>

              <dt class="label">Calculé le</dt>
              <dd class="value">{{qf|get:"date-calcul"|parse_datetime|date:"d F Y"}}</dd>

              <dt class="label">Valable à partir du</dt>
              <dd class="value">{{ qf|get:"date-debut-validite"|strptime:"%Y-%m-%d"|date:"d F Y" }}</dd>

              <dt class="label">Valable jusqu’au</dt>
              <dd class="value">{{ qf|get:"date-fin-validite"|strptime:"%Y-%m-%d"|date:"d F Y" }}</dd>
            </dl>
          </div>
        {% endfor %}
      {% endwith %}

    {% endif %}

    <div class="rsu-part pk-transparent">
      <div class="rsu-part--header">
        <a class="pk-button-submit" href="{{ eservices_url }}calcul-de-quotient-familial/">Calcul de quotient familial</a>
      </div>
    </div>
  </div>
{% endif %}
