{% load combo %}

{% if not json.err and json.data %}
{% with json.data as data %}

<h2>{{ data.plateforme.nom }}</h2>
<div class="cell--body">

<div class="grid-1-1">
  <p>Référent : <strong>{% if data.referent.nom %}{{ data.referent.nom|upper }} {{ data.referent.prenom|default:"" }}{% else %}Non renseigné{% endif %}</strong></p>
  <p>Commentaire : <strong>{{ data.commentaire_ref|default:"Aucun"|linebreaks }}</strong></p>
</div>

<div class="grid-1-2">
    {% if data.actif == "Non" %}<p><span class="pastille-rouge">Inactif</span></p>{% endif %}
    <p>Civilité : <strong>{{ data.civilite|default:"" }}</strong></p>
    <p>Nom : <strong>{{ data.nom|upper|default:"Non renseigné" }}</strong></p>
    <p>Nom de naissance : <strong>{{ data.nomnaiss|default:"" }}</strong></p>
    <p>Prénom : <strong>{{ data.prenom|default:"Non renseigné" }}</strong></p>
    <p>né(e) le : <strong>{% if data.date_naissance %}{{ data.date_naissance|date:"d/m/Y" }} ({{ data.age }}){% else %}Non renseignée{% endif %}</strong></p>
    <p>Numéro CAF ou MSA : <strong>{{ data.matricule|default:"Non renseigné" }}</strong></p>
</div>

<div class="grid-1-2">
    <p>Situation familiale : <strong>{% if data.situation_familiale.libelle %}{{ data.situation_familiale.libelle }}{% if data.situation_familiale.date_debut %} depuis le {{ data.situation_familiale.date_debut|date:"d/m/Y" }}{% endif %}{% else %}Non renseignée{% endif %}</strong></p>

    <p>Conjoint :&nbsp;
    {% if data.actif == "Oui" %}
      {% if data.conjoint.nom %}
        <strong>{{ data.conjoint.nom|upper }} {{ data.conjoint.prenom|default:"(Pas de prénom renseigné)" }}{% if data.conjoint.age %} - {{ data.conjoint.age }}{% endif %}</strong>
      {% else %}
        <strong>Aucun</strong>
      {% endif %}
    {% else %}
      Informations non disponibles, allocataire inactif.
    {% endif %}
    </p>

    <p>Enfants :&nbsp;
    {% if data.actif == "Oui" %}
      {% if data.enfants %}<strong>{{ data.enfants|length }}</strong>
        <strong>
        <ul>
          {% for enfant in data.enfants %}<li>{{ enfant.nom|upper|default:"Pas de nom renseigné" }} {{ enfant.prenom|default:"Pas de prénom renseigné" }}{% if enfant.age %} - {{ enfant.age }}{% endif %}</li>{% endfor %}
        </ul>
        </strong>
      {% else %}
        <strong>Aucun</strong>
      {% endif %}
    {% else %}
      Informations non disponibles, allocataire inactif.
    {% endif %}
    </p>
</div>

<div class="grid-1-1">
<div class="pk-table-wrapper">
<table class="pk-data-table pk-table-headers pk-table-borders pk-table-zebra">
  <tr>
    <th style="width:50%;">Coordonnées</th>
    <th>Adresse</th>
  </tr>

  <tr>
    <td>
    {% if not data.telephone %}<p>Aucun téléphone renseigné.&nbsp;&nbsp;<a href="{{ eservices_url }}extranet-rsa/mettre-a-jour-les-telephones-du-beneficiaire/?plateforme={{ plateforme_id }}&brsa={{ brsa_id }}&cancelurl={{ portal_url }}portail-extranet-rsa/plateforme/{{ plateforme_id }}/beneficiaire-rsa/{{ brsa_id }}/">✎ Modifier</a></p>
    {% else %}<p>Téléphones&nbsp;&nbsp;<a href="{{ eservices_url }}extranet-rsa/mettre-a-jour-les-telephones-du-beneficiaire/?plateforme={{ plateforme_id }}&brsa={{ brsa_id }}&cancelurl={{ portal_url }}portail-extranet-rsa/plateforme/{{ plateforme_id }}/beneficiaire-rsa/{{ brsa_id }}/">✎ Modifier</a></p>
    <ul>
    {% for telephone in data.telephone %}
    <li><strong><a href="tel:{{ telephone.numero }}">{{ telephone.numero }}</a>{% if telephone.commentaire %} - {{ telephone.commentaire }}{% endif %}</strong></li>
    {% endfor %}
    </ul>
    {% endif %}

    {% if not data.email %}<p>Aucun courriel renseigné.&nbsp;&nbsp;<a href="{{ eservices_url }}extranet-rsa/mettre-a-jour-les-courriels-du-beneficiaire/?plateforme={{ plateforme_id }}&brsa={{ brsa_id }}&cancelurl={{ portal_url }}portail-extranet-rsa/plateforme/{{ plateforme_id }}/beneficiaire-rsa/{{ brsa_id }}/">✎ Modifier</a></p>
    {% else %}<p>Courriels&nbsp;&nbsp;<a href="{{ eservices_url }}extranet-rsa/mettre-a-jour-les-courriels-du-beneficiaire/?plateforme={{ plateforme_id }}&brsa={{ brsa_id }}&cancelurl={{ portal_url }}portail-extranet-rsa/plateforme/{{ plateforme_id }}/beneficiaire-rsa/{{ brsa_id }}/">✎ Modifier</a></p>
    <ul>
    {% for email in data.email %}
    <li><strong><a href="mailto:{{ email.email }}">{{ email.email }}</a>{% if email.commentaire %} - {{ email.commentaire }}{% endif %}</strong></li>
    {% endfor %}
    </ul>
    {% endif %}
    </td>

    <td>
    <strong><p>
    {% if data.adresse.adr2 %}{{ data.adresse.adr2 }}<br/>{% endif %}
    {% if data.adresse.adr3 %}{{ data.adresse.adr3 }}<br/>{% endif %}
    {% if data.adresse.adr4 %}{{ data.adresse.adr4 }}<br/>{% endif %}
    {% if data.adresse.adr5 %}{{ data.adresse.adr5 }}<br/>{% endif %}
    {% if data.adresse.adr6 %}{{ data.adresse.adr6 }}{% endif %}
    </p></strong>
    </td>

  </tr>
</table>
</div>
</div>

<div class="grid-1-1">
<div class="infonotice">
<p><strong>Situation</strong></p>
<p>PI : <strong>{{ data.lib_code_pi|default:"Non renseigné" }} ({{ data.code_pi|default:"Non renseigné" }})</strong></p>
<p>N° demande RSA : <strong>{{ data.numdemrsa|default:"Non renseigné" }}</strong></p>
<p>Date de la demande : <strong>{{ data.droit.date_demande|date:"d/m/Y"|default:"Non renseignée" }}</strong></p>
<p>Soumis à droits et devoirs : <strong>{{ data.droit.toppersdrodevorsa|default:"Non renseigné" }}</strong></p>
<p>État des droits : <strong>{{ data.droit.etat|default:"Non renseigné" }}</strong></p>
<p>Motif : <strong>{{ data.droit.motif|default:"Non renseigné" }}</strong></p>
</div>
</div>

</div>

{% endwith %}
{% endif %}
