<!--
    Component informations:
    - id: ACCORDION
    - name: Accordion Component
-->
<?php
    $component_accordion = array(
        'items' => 3
    );
?>
<section class="component-ACCORDION component-ACCORDION--fullpage">
    <div class="component-ACCORDION-container">
        <div class="component-ACCORDION-wrapper">
            <div class="component-ACCORDION-widget panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                <?php for ($i = 0; $i < $component_accordion['items']; $i++) : ?>
                    <div class="component-ACCORDION-item panel">
                        <div class="component-ACCORDION-item-header" id="item-<?= $i ?>-header" role="tab">
                            <a class="component-ACCORDION-item-header-content" data-toggle="collapse" data-parent="#accordion" href="#item-<?= $i ?>-content" role="button" aria-expanded="false" aria-controls="item-<?= $i ?>-content">
                                <span class="component-ACCORDION-item-header-title">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>
                                <span class="component-ACCORDION-item-header-icon"></span>
                            </a>
                        </div>
                        <div class="component-ACCORDION-item-content panel-collapse collapse" id="item-<?= $i ?>-content" role="tabpanel" aria-labelledby="item-<?= $i ?>-header">
                            <div class="component-ACCORDION-item-content-wrapper">
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita explicabo itaque
                                laborum minus nihil quo ratione recusandae saepe ut veniam? A dolorem ducimus
                                incidunt ipsum maiores odit perferendis possimus vitae. <br><br>
                                Consectetur itaque molestiae veritatis voluptates? Alias autem ducimus
                                exercitationem minus numquam quae quo vero. Blanditiis consequuntur eum explicabo
                                facere fuga in ipsum, laboriosam, minus molestias obcaecati quas reprehenderit
                                sapiente voluptatem!<br><br>
                                Aliquam animi, assumenda aut commodi, consequatur cupiditate doloremque dolores
                                dolorum ducimus esse est et eveniet excepturi id impedit laboriosam molestias omnis
                                pariatur perspiciatis possimus quae quisquam sapiente sunt velit vero.
                            </div>
                        </div>
                    </div>
                <?php endfor; ?>
            </div>
        </div>
    </div>
</section>