{if $this->getAttribute('showTitle') && $this->getAttribute('frontendTitle')}
    <header class="control-header">
        <h1>{$this->getAttribute('frontendTitle')}</h1>
    </header>
{/if}

{if $this->getAttribute('content') != ""}
    <div class="control-content">
        {$this->getAttribute('content')}
    </div>
{/if}

<div class="quiqqer-accordion-list quiqqer-accordion-list--columns-{$columns} quiqqer-accordion-list--{$template} quiqqer-accordion-list--icon-{$iconPosition}">
    <div class="quiqqer-accordion-columns">
        <div class="quiqqer-accordion-column">
            {foreach from=$entriesColumnLeft item=item}
                {$entry = $item['entry']}
                {$index = $item['index']}
                <div class="quiqqer-accordion-item quiqqer-accordion-item--{$template}" data-open="{if $openFirst && $index == 0}1{else}0{/if}">
                    {if isset($entry['entryTitle'])}
                        <header class="quiqqer-accordion-item-header quiqqer-accordion-item-header--softCard">
                            <span class="quiqqer-accordion-item-header-text">{$entry['entryTitle']}</span>
                            <span class="quiqqer-accordion-item-header-icon fa {$iconClass}" {if $openFirst && $index == 0}style="transform: rotate({$rotateAngle}deg);"{/if}></span>
                        </header>
                    {/if}

                    {if isset($entry['entryContent'])}
                        <div class="quiqqer-accordion-item-content-wrapper">
                            <div class="quiqqer-accordion-item-content quiqqer-accordion-item-content--softCard">
                                {$entry['entryContent']}
                            </div>
                        </div>
                    {/if}
                </div>
            {/foreach}
        </div>

        {if $columns == 2 && $entriesColumnRight|@count}
        <div class="quiqqer-accordion-column">
            {foreach from=$entriesColumnRight item=item}
                {$entry = $item['entry']}
                {$index = $item['index']}
                <div class="quiqqer-accordion-item quiqqer-accordion-item--{$template}" data-open="{if $openFirst && $index == 0}1{else}0{/if}">
                    {if isset($entry['entryTitle'])}
                        <header class="quiqqer-accordion-item-header quiqqer-accordion-item-header--softCard">
                            <span class="quiqqer-accordion-item-header-text">{$entry['entryTitle']}</span>
                            <span class="quiqqer-accordion-item-header-icon fa {$iconClass}" {if $openFirst && $index == 0}style="transform: rotate({$rotateAngle}deg);"{/if}></span>
                        </header>
                    {/if}

                    {if isset($entry['entryContent'])}
                        <div class="quiqqer-accordion-item-content-wrapper">
                            <div class="quiqqer-accordion-item-content quiqqer-accordion-item-content--softCard">
                                {$entry['entryContent']}
                            </div>
                        </div>
                    {/if}
                </div>
            {/foreach}
        </div>
        {/if}
    </div>

    {if $useFaqStructuredData}
        {$this->createJSONLDFAQSchemaCode()}
    {/if}
</div>