{namespace ms=Mediatesystems\UmjSitepackage\ViewHelpers}
<f:render section="f05_text_block_exhibition_details" arguments="{data: data}"/>


<f:section name="f05_text_block_exhibition_details" >
    <div class="f05_text_block_exhibition_details black-white" id="c{data.uid}">
        <div class="f05_text_block_exhibition_details_wrapper">
            <div class="f05_text_block_exhibition_details_inner_wrapper">
                <f:if condition="{data.header}">
                    <div class="f05_text_block_exhibition_details_heaeder">
                        <h2>{data.header -> f:format.raw()}</h2>
                    </div>
                </f:if>
                <div class="line"></div>
                <f:if condition="{data.tx_mask_f05_text_block_exhibition_details_only_text}">

                    <f:then>
                        <div class="f05_text_block_exhibition_details_only_text text-content">
                            {data.tx_mask_f05_text_block_exhibition_details_only_text -> f:format.html()}
                        </div>
                    </f:then>


                    <f:else>
                        <f:if condition="{data.tx_mask_f05_text_block_exhibition_details_element}">
                            <div class="f05_text_block_exhibition_details_elements_wrapper">
                                <div class="f05_text_block_exhibition_details_frist_row">
                                    <f:for each="{data.tx_mask_f05_text_block_exhibition_details_element}" as="data_item" iteration="count">

                                        <f:if condition="{count.index} == 4">
                                            </div><div class="line"></div><div class="f05_text_block_exhibition_details_last_row">
                                        </f:if>

                                        <div class="f05_text_block_exhibition_details_element">
                                            <f:if condition="{data_item.tx_mask_f05_text_block_exhibition_details_info}">
                                                <div class="f05_text_block_exhibition_details_element_info">
                                                    <p>{data_item.tx_mask_f05_text_block_exhibition_details_info}</p>
                                                </div>
                                            </f:if>
                                            <f:if condition="{data_item.tx_mask_f05_text_block_exhibition_details_text}">
                                                <div class="f05_text_block_exhibition_details_element_text text-content">
                                                    {data_item.tx_mask_f05_text_block_exhibition_details_text -> f:format.html()}
                                                </div>
                                            </f:if>
                                        </div>
                                    </f:for>
                                </div>
                            </div>
                        </f:if>
                    </f:else>
                </f:if>
                <div class="line"></div>

                <div role="button" aria-label="Alles Anzeigen" class="f05_text_block_exhibition_details_show_more" onclick="showMore(this)">
                    <p><f:translate key="tx_msevent.showall" extensionName="ms_event"/></p>
                    <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.24908 0.969727L4.99908 4.71973L8.74908 0.969727L9.27941 1.50006L5.26424 5.51522C5.1178 5.66167 4.88036 5.66167 4.73391 5.51522L0.71875 1.50006L1.24908 0.969727Z" fill="black"/>
                    </svg>

                </div>


            </div>
        </div>
    </div>
</f:section>