{# BLOCK ACCORDION #}
{% import 'blocks\\settings.default.html.twig' as styles %}
{% if settings.disabled_block|default != 1 %}
<section class="block-accordion {{ settings.extra_class|default }}"  >
    <div class="container">
        <div class="accordion" id="accordion_{{ blockSequence|default }}">
        {% for item in repeatable %}
            {% if item.item_title|default %}
            <div class="card">
                <div class="card-header accordion-header py-4  px-3 d-flex justify-content-between align-items-center  {{ item.item_open|default ? '':'collapsed' }}" id="accordionhead{{loop.index}}_{{ blockSequence|default }}" data-toggle="collapse" data-target="#accordion{{loop.index}}_{{ blockSequence|default }}" aria-expanded="{{ item.item_open|default ? 'true':'false' }}" aria-controls="accordion{{loop.index}}_{{ blockSequence|default }}">
                    <span>{{ item.item_title|default }}</span>
                    <span><i class="fas fa-plus"></i></span>
                </div>

                <div id="accordion{{loop.index}}_{{ blockSequence|default }}" class="collapse {{ item.item_open|default ? 'show' }}" aria-labelledby="accordionhead{{loop.index}}_{{ blockSequence|default }}" data-parent="#accordion_{{ blockSequence|default }}">
                    <div class="card-body">
                        {{ item.item_text|default|raw }}
                    </div>
                </div>
            </div>
            {% endif %}
        {% endfor %}
        </div>
    </div>
</section>
{% endif %}
{# @END BLOCK ACCORDION #}