{namespace m=MASK\Mask\ViewHelpers}
<f:if condition="{data.tx_mask_accordion_list}">
    <div id="c{data.uid}" class="accordionContainer">
        <div class="accordionList">
            <f:for each="{data.tx_mask_accordion_list}" as="data_item" iteration="iterator">
                <f:if condition="{iterator.isFirst}">
                    <f:then>
                        <input type="radio" id="accordionTrigger-{data.uid}{iterator.cycle}" name="accordionTrigger-{data.uid}" class="accordionTrigger"{f:if(condition: data.tx_mask_accordion_firstopen, then: ' checked="checked"')}>
                    </f:then>
                    <f:else>
                        <input type="radio" id="accordionTrigger-{data.uid}{iterator.cycle}" name="accordionTrigger-{data.uid}" class="accordionTrigger">
                    </f:else>
                </f:if>
                <div class="accordionItem{f:if(condition:'{iterator.isFirst}',then:' first')}">
                    <f:if condition="{data_item.tx_mask_accordion_headline}">
                        <div class="accordionHead">
                            <label for="accordionTrigger-{data.uid}{iterator.cycle}" class="accordionLabel">
                                <f:format.raw>{data_item.tx_mask_accordion_headline}</f:format.raw>
                            </label>
                            <span>></span>
                        </div>
                    </f:if>

                    
                    <div class="accordionBody">
                        <div>
                            <f:if condition="{data_item.tx_mask_accordion_text}">
                                <f:format.html parseFuncTSPath="lib.parseFunc_RTE">{data_item.tx_mask_accordion_text}</f:format.html>
                            </f:if>
                            <f:if condition="{data_item.tx_mask_accordion_gated_uploads}">
                                <f:for each="{data_item.tx_mask_accordion_gated_uploads}" as="tx_mask_accordion_gated_upload">
                                    <m:Content uid="{tx_mask_accordion_gated_upload.uid}" />
                                </f:for>
                            </f:if>
                        </div>
                    </div>

                </div>
            </f:for>
        </div>
    </div>
</f:if>