{% extends '@ChillPerson/Household/layout.html.twig' %}

{% block title 'household.Household summary'|trans %}

{% block content %}
<h1>{{ block('title') }}</h1>

<h2>{{ 'household.Current household members'|trans }}</h2>

{% for p in positions %}
{%- set members = household.currentMembersByPosition(p) %}
{% if members|length > 0 %}
<h3>{{ p.label|localize_translatable_string }}</h3>

{% if false == p.shareHousehold %}
<p>{{ 'household.Those members does not share address'|trans }}</p>
{% endif %}

<div class="flex-table list-household-members--summary">
  {% for m in members %}
  <div class="item-bloc">
    <div class="item-row person">
      <div class="item-col box-person">
        <div>
          {{ m.person|chill_entity_render_box({'addLink': true}) }}
          {% if m.holder %}
            <span class="badge badge-primary">{{ 'household.holder'|trans }}</span>
          {% endif %}
        </div>
        <div>
          {{ 'Born the date'|trans({ 'gender': m.person.gender, 'birthdate': m.person.birthdate|format_date('long') }) }}
        </div>
      </div>
      <div class="item-col box-where">
        <ul class="list-content fa-ul">
          {% if m.startDate is not empty %}
            <li>{{ 'Since %date%'|trans({'%date%': m.startDate|format_date('long') }) }}</li>
          {% endif %}
          {% if m.endDate is not empty %}
            <li>{{ 'Until %date%'|trans({'%date%': m.endDate|format_date('long') }) }}</li>
          {% endif %}
        </ul>
      </div>
    </div>
  </div>
  {% endfor %}
</div>

{% endif %}

{% endfor %}

{% endblock %}