{namespace ms=Mediatesystems\UmjSitepackage\ViewHelpers}
{namespace v=FluidTYPO3\Vhs\ViewHelpers}
<f:render section="e07_people_section" arguments="{data: data}"/>


<f:section name="e07_people_section">

    <div class="e07_people_section black-white" id="c{data.uid}">
        <div class="e07_people_section_wrapper">
            <div class="e07_people_section_inner_wrapper">
                <div class="e07_people_section_header">
                    <f:if condition="{data.header}">
                        <h2>{data.header -> f:format.raw()}</h2>
                    </f:if>
                </div>

                <f:for each="{data.tx_mask_e07_people_section_repeat_main_section}" as="section">
                    <div class="e07_people_section_section_wrapper">
                        <f:if condition="{section.tx_mask_e07_people_section_subheader}">
                            <div class="e07_people_section_section_header">
                                <h3>{section.tx_mask_e07_people_section_subheader}</h3>
                            </div>
                        </f:if>
                        <div class="e07_people_section_people_wrapper">
                            <f:for each="{section.tx_mask_e07_people_section_repeat_person }" as="person">
                                <div class="e07_people_section_person">

                                    <div class="e07_people_section_image">
                                        <f:if condition="{section.hasImage}">
                                            <f:if condition="{person.tx_mask_e07_people_section_image}">
                                                <f:then>
                                                    <ms:image image="{person.tx_mask_e07_people_section_image.0}" cropVariant="mask_e07_people_section" width="305px"/>
                                                </f:then>
                                                <f:else>
                                                    <div class="e07_people_section_image_placeholder">
                                                        <div class="line"></div>
                                                        <div class="e07_people_section_image_text"><p>Universalmuseum Joanneum</p></div>
                                                    </div>
                                                </f:else>
                                            </f:if>
                                        </f:if>

                                    </div>

                                    <div class="e07_people_section_name">
                                        <p>{person.tx_mask_e07_people_section_name}</p>
                                    </div>

                                    <f:if condition="{person.tx_mask_e07_people_section_role }">
                                        <div class="e07_people_section_role">
                                            <p>{person.tx_mask_e07_people_section_role}</p>
                                        </div>
                                    </f:if>
                                    <f:if condition="{person.tx_mask_e07_people_section_mail} || {person.tx_mask_e07_people_section_mobile} || {person.tx_mask_e07_people_section_phone}">
                                        <div class="e07_people_section_info">

                                            <f:if condition="{person.tx_mask_e07_people_section_mail}">
                                                <f:render section="linked_information" arguments="{link: person.tx_mask_e07_people_section_mail, stringToReplace: 'mailto:'}" />
                                            </f:if>
                                            <f:if condition="{person.tx_mask_e07_people_section_mobile}">
                                                <f:render section="linked_information" arguments="{link: person.tx_mask_e07_people_section_mobile, stringToReplace: 'tel:'}" />
                                            </f:if>
                                            <f:if condition="{person.tx_mask_e07_people_section_phone}">
                                                <f:render section="linked_information" arguments="{link: person.tx_mask_e07_people_section_phone, stringToReplace: 'tel:'}" />
                                            </f:if>
                                        </div>
                                    </f:if>

                                    <f:if condition="{person.tx_mask_e07_people_section_link_text} && {person.tx_mask_e07_people_section_link}">
                                        <div class="e07_people_section_link">
                                            <f:link.typolink class="e07_people_section_link_a" parameter="{person.tx_mask_e07_people_section_link}">
                                                <p>{person.tx_mask_e07_people_section_link_text}</p>
                                            </f:link.typolink>
                                        </div>
                                    </f:if>

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

                    </div>
                </f:for>

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

<f:section name="linked_information">
    <f:link.typolink parameter="{link}" parts-as="parts">
        <f:if condition="{parts.title}">
            <f:then>
                {parts.title} {parts.url -> v:format.replace(substring: stringToReplace,replacement: '')}
            </f:then>
            <f:else>
                {parts.url -> v:format.replace(substring: stringToReplace,replacement: '')}
            </f:else>
        </f:if>
    </f:link.typolink>
</f:section>