{% set accordionBlock = pimcore_block('accordion') %}
{% set id = uniqid('accordion-') %}
<div class="area-text-accordion">
<div class="accordion accordion-flush" id="{{ id }}">
{% for i in pimcore_iterate_block(accordionBlock) %}
{% set headerId = 'heading' ~ i ~ '-' ~ id %}
{% set entryId = id ~ '-' ~ accordionBlock.getCurrent() %}
{% set stateClass = (editmode or (accordionBlock.getCurrent() == 0)) ? 'show' %}
<div class="accordion-item">
<div class="accordion-header" id="{{ headerId }}">
<button class="accordion-button{% if not editmode %} collapsed{% endif %}" type="button"{% if not editmode %} data-bs-toggle="collapse" data-bs-target="#{{ entryId }}" aria-expanded="false" aria-controls="{{ entryId }}{% endif %}">
{% if editmode %}
{{ pimcore_input("headline", {"placeholder":"Heading", "width": 600}) }}
{% else %}
{{ pimcore_input('headline').getData() }}
{% endif %}
</button>
</div>
<div id="{{ entryId }}" class="accordion-collapse{% if not editmode %} collapse{% endif %}" aria-labelledby="{{ headerId }}"{% if not editmode %} data-bs-parent="{{ id }}{% endif %}">
<div class="accordion-body">
{{ pimcore_wysiwyg('text') }}
</div>
</div>
</div>
{% endfor %}
</div>
</div>