{% from 'ChillBudgetBundle:Budget:_macros.html.twig' import table_elements, table_results %}

<div class="accordion" id="past_{{ entity.id }}">
    <div class="accordion-item">
        <h2 class="accordion-header" id="heading_past_{{ entity.id }}">
            <button
                class="accordion-button collapsed"
                type="button"
                data-bs-toggle="collapse"
                data-bs-target="#collapse_past_{{ entity.id }}"
                aria-expanded="false"
                aria-controls="collapse_past_{{ entity.id }}">
                <span class="folded">{{ 'Show past budget'|trans }}</span>
                <span class="unfolded text-secondary">{{ 'Hide budget'|trans }}</span>
            </button>
        </h2>

        <div id="collapse_past_{{ entity.id }}"
            class="accordion-collapse collapse"
            aria-labelledby="heading_past_{{ entity.id }}"
            data-bs-parent="#past_{{ entity.id }}">

            <div class="flex-table">
                <h3 class="family-title">{{ 'Past resources'|trans }}</h3>

                {% if pastResources|length > 0 %}
                    <div class="item-bloc">
                        {{ table_elements(pastResources, 'resource') }}
                    </div>
                {% else %}
                    <div class="item-bloc">
                        <span class="chill-no-data-statement">{{ 'No past resources registered'|trans }}</span>
                    </div>
                {% endif %}
            </div>

            <div class="flex-table">
                <h3 class="family-title">{{ 'Past charges'|trans }}</h3>

                {% if pastCharges|length > 0 %}
                    <div class="item-bloc">
                        {{ table_elements(pastCharges, 'charge') }}
                    </div>
                {% else %}
                    <div class="item-bloc">
                        <span class="chill-no-data-statement">{{ 'No past charges registered'|trans }}</span>
                    </div>
                {% endif %}
            </div>
        </div>

    </div>
</div>