{namespace v=FluidTYPO3\Vhs\ViewHelpers}


<f:if condition="{data.data.tx_umj_sitepackage_menu_overlay_teaser_type}">
    <f:render section="{data.data.tx_umj_sitepackage_menu_overlay_teaser_type}" arguments="{data: data}"/>
</f:if>

<f:section name="event_info">
    <!-- Event Section -->
    <f:cObject typoscriptObjectPath="lib.mainMenuTeaserEventInfo" data="{data}" />
</f:section>

<f:section name="house_info">
    <!-- House Section -->
    <f:cObject typoscriptObjectPath="lib.mainMenuTeaserHouseInfo" data="{data}" />
</f:section>

<f:section name="none" >
    <!-- Default Section -->
    <div class="menu-overlay-teaser">
        <div class="menu-overlay-teaser-inner">
            {v:resource.record.fal(table: 'pages', field: 'tx_umj_sitepackage_menu_overlay_teaser_image', uid: data.data.uid)-> v:iterator.first() -> v:variable.set(name: 'image')}
            <f:if condition="{image}">
                <div class="menu-overlay-teaser-image">
                    <f:if condition="{data.data.tx_umj_sitepackage_menu_overlay_teaser_link} && {f:link.typolink(parameter: '{data.data.tx_umj_sitepackage_menu_overlay_teaser_link}')}">
                        <f:then>
                            <f:link.typolink parameter="{data.data.tx_umj_sitepackage_menu_overlay_teaser_link}">
                                <f:image treatIdAsReference="1" width="430" src="{image.uid}" title="{image.title}" cropVariant="menu_teaser_image" alt="{image.alternative}"/>
                            </f:link.typolink>
                        </f:then>
                        <f:else>
                            <f:image treatIdAsReference="1" width="430" src="{image.uid}" title="{image.title}" cropVariant="menu_teaser_image" alt="{image.alternative}"/>
                        </f:else>
                    </f:if>
                </div>
            </f:if>

            <f:if condition="{data.data.tx_umj_sitepackage_menu_overlay_teaser_title}">
                <div class="menu-overlay-teaser-title">
                    <p>{data.data.tx_umj_sitepackage_menu_overlay_teaser_title}</p>
                </div>
            </f:if>

            <f:if condition="{data.data.tx_umj_sitepackage_menu_overlay_teaser_text}">
                <div class="menu-overlay-teaser-text">
                    <f:format.html>{data.data.tx_umj_sitepackage_menu_overlay_teaser_text}</f:format.html>
                </div>
            </f:if>
        </div>
    </div>
</f:section>