69 lines
3.1 KiB
Twig

<div class="banner banner-household">
<div id="header-household-name" class="header-name">
<div class="container-xxl">
<div class="row">
<div class="col-sm-5">
<h1>
<i class="fa fa-home"></i>
{{ 'household.Household'|trans }}
<span class="id-number">{{ household.id }}</span>
</h1>
</div>
<div class="col-sm">
<ul class="list-content fa-ul">
<li>
{% set address = household.currentAddress %}
<i class="fa fa-li fa-map-marker"></i>
{% if address is empty %}
<p class="chill-no-data-statement">{{ 'household.Household does not have any address currently'|trans }}</p>
{% else %}
{{ address|chill_entity_render_box({'multiline': false, 'with_valid_from': false}) }}
{% endif %}
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="header-household-details" class="header-details">
<div class="container-xxl">
<div class="row justify-content-md-right">
<div class="col-sm-10 members" id="banner-misc">
{%- set members = household.getCurrentMembersOrdered() -%}
{%- if members|length > 0 -%}
<span class="current-members-explain" style="display: none;">
{{- 'household.Current household members'|trans }}
<i class="fa fa-fw fa-users" title="{{- 'household.Current household members'|trans }}"></i>
</span>
{%- for m in members|slice(0, 5) -%}
<span
class="badge-member{%- if m.holder %} holder{% endif -%}{%- if m.position.ordering >= 2 %} child{% endif -%}"
title="{{ m.position.label.fr }}">
{%- if m.holder %}
<span class="badge bg-chill-light-gray text-chill-gray">
{{ 'household.holder'|trans }}
</span>
{% endif -%}
{{- m.person|chill_entity_render_box({'addLink': false}) -}}
</span>
{%- endfor -%}
{% if members|length > 5 %}
<span class="current-members-more">
{{ 'household.and x other persons'|trans({'x': members|length-5}) }}
</span>
{% endif %}
{%- endif -%}
</div>
</div>
</div>
</div>
<a id="banner-household"></a>
</div>