{namespace vendeemap=Wseils\Vendeemap\ViewHelpers}

<f:variable name="responsiveClass">frame-{data.tx_vendee_responsive}</f:variable>

<div class="frame-mapPrefill {responsiveClass}" id="c{data.uid}" {f:if(condition: '{data.layout} == 4', then: 'data-speed="10"')} {f:if(condition: '{data.layout} == 5', then: 'data-appear="true"')}>
    <div class="mapPrefill">
        <div class="imgPart">
            <f:render section="header" arguments="{data: data}" />
            <img src="{settings.urlImageMap}" alt="">
        </div>
        <f:if condition="{data.tx_vendee_mapCat_list}">
            <vendeemap:GetCategory list='{data.tx_vendee_mapCat_list}'/>
            <ul class="listCat">
                <f:for each="{listCat}" as="cat">
                    {f:cObject(typoscriptObjectPath:'lib.mapCatLink', data:'{cat}')}
                </f:for>
            </ul>
        </f:if>
    </div>
</div>

<f:section name="header">
    <f:if condition="{data.header}">
        <header class="frame-header">
            <h3>{data.header}</h3>
        </header>
    </f:if>
</f:section>