{% if display_mode|default:"rib" == "rib" %}

  {% if rib.bankRUM %}
    <p class="parsifal--item">Titulaire du compte: {{ rib.civility|title }} {{ rib.lastName|upper }} {{ rib.firstName|title }}</p>
    <p class="parsifal--item">Adresse: {{ rib.bankAddress }}</p>
    <p class="parsifal--item">BIC: {{ rib.bankBIC }}</p>
    <p class="parsifal--item">BAN: {{ rib.bankIBAN|slice:":9"}}XXX{{ rib.bankIBAN|slice:"12:17"}}XXX{{ rib.bankIBAN|slice:"20:24"}}XXX</p>
    <p class="parsifal--item">RUM: {{ rib.bankRUM }}</p>
    <p class="parsifal--item">Date de début: {{ rib.dateStart|date:"d/m/Y" }}</p>
  {% else %}
    <p class="parsifal--item">❌ Non renseigné.</p>
  {% endif %}

{% endif %}

{% if display_mode|default:"rib" == "rib" or display_mode == "informatif" and not rib.bankRUM %}
  <p>
    <a class="pk-button" href="{{ eservices_url }}{% if is_portal_agent %}backoffice/submission/{% endif %}{{ form_slug }}?representant=RL1&numero={{ rl1_num }}&demarche={{ demarche }}&backoffice={{ foyer_id }}&cancelurl={% if is_portal_agent %}{{ portal_agent_url }}foyer/{{ foyer_id }}/{% else %}{{ portal_url }}{% endif %}{{ cancel_page_slug }}">
      {% if display_mode|default:"rib" == "rib" %}
        Modifier
      {% else %}
        Opter pour le prélèvement automatique
      {% endif %}
    </a>
  </p>
{% endif %}