chill-bundles/src/Bundle/ChillPersonBundle/Resources/views/HouseholdComposition/index.html.twig

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

{% block title 'household_composition.Compositions'|trans %}

{% block block_post_menu %}
    <div class="post-menu"></div>
{% endblock %}

{% block content %}
<div class="household_composition">
    <h1>{{ block('title') }}</h1>

    {% if compositions|length == 0 %}
        <p class="chill-no-data-statement">{{ 'household_composition.No composition yet'|trans }}</p>
    {% else %}
        <div class="flex-table">
            {% for c in compositions %}
                {% if c.id != editId %}
                    <div class="item-bloc">
                        <div class="item-row">
                            <div class="item-col">
                                <h3>{{ c.householdCompositionType.label|localize_translatable_string }}</h3>
                                <p>{{ 'household_composition.numberOfChildren'|trans }}: {{ c.numberOfChildren }}</p>
                            </div>
                            <div class="item-col">{{ 'household_composition.Since'|trans({'startDate': c.startDate}) }}</div>
                        </div>
                        <div class="item-row">
                            <div class="item-col">
                                {% if c.endDate is null %}
                                    <span class="chill-no-data-statement">{{ 'household_composition.Still active'|trans }}</span>
                                {% else %}
                                    {{ 'household_composition.Until'|trans({'endDate': c.endDate })}}
                                {% endif %}
                            </div>
                        </div>
                        {% if c.comment.comment is not empty %}
                            <div class="item-row separator">
                                {{ c.comment|chill_entity_render_box }}
                            </div>
                        {% endif %}
                        {% if is_granted('CHILL_PERSON_HOUSEHOLD_EDIT', c.household) %}
                            <div class="item-row">
                                <ul class="record_actions">
                                    <li>
                                        <a href="{{ path('chill_person_household_composition_index', {'id': c.household.id, 'edit': c.id}) }}" class="btn btn-edit"></a>
                                    </li>
                                    <li>
                                        <a href="{{ path('chill_person_household_composition_index', {'id': c.household.id, 'edit': c.id}) }}" class="btn btn-edit"></a>
                                    </li>
                                </ul>
                            </div>
                        {% endif %}
                    </div>
                {% else %}
                    {{ form_start(form) }}

                    {{ form_widget(form) }}

                    <ul class="record_actions">
                        <li class="cancel">
                            <a href="{{ path('chill_person_household_composition_index', {'id': c.household.id}) }}">{{ 'Cancel'|trans }}</a>
                        </li>
                        <li>
                            <button type="submit" class="btn btn-create">{{ 'Save'|trans }}</button>
                        </li>
                    </ul>
                    {{ form_end(form) }}
                {% endif %}
            {% endfor %}
        </div>
    {% endif %}

    <div id="collapseForm" class="{% if not isPosted %}collapse{% endif %}">
        {{ form_start(form) }}

        {{ form_widget(form) }}

        <ul class="record_actions">
           <li>
               <button type="submit" class="btn btn-create">{{ 'Save'|trans }}</button>
           </li>
        </ul>
        {{ form_end(form) }}
    </div>

    {% if editId == -1 %}
        <ul class="record_actions sticky-form-buttons">
                <li>
                    <button class="btn btn-primary btn-create change-icon" type="button" data-bs-toggle="collapse" data-bs-target="#collapseForm" aria-expanded="false" aria-controls="collapseForm">
                        {{ 'Create'|trans }}
                    </button>
                </li>
        </ul>
    {% endif %}
</div>
{% endblock %}