{namespace v=FluidTYPO3\Vhs\ViewHelpers}

<f:variable name="frameClass">frame-{data.frame_class}</f:variable>
<f:variable name="backgroundClass">frame-background-{data.background_color_class}</f:variable>
<f:variable name="backgroundImageClass">{f:if(condition: backgroundImage.0, then: 'frame-has-backgroundimage', else: 'frame-no-backgroundimage')}</f:variable>
<f:variable name="spaceBeforeClass">frame-space-before-{f:if(condition: data.space_before_class, else: 'none', then: data.space_before_class)}</f:variable>
<f:variable name="spaceAfterClass">frame-space-after-{f:if(condition: data.space_after_class, else: 'none', then: data.space_after_class)}</f:variable>

<f:if condition="{data_tx_handynamiccustomcontent_push_items}">

    <f:if condition="{data.frame_class} != none">
        <f:then>
            <div class="push frame {frameClass} {spaceBeforeClass} {spaceAfterClass} {backgroundClass} {backgroundImageClass}">
        </f:then>
        <f:else>
            <div class="push">
        </f:else>
     </f:if>
    <f:for each="{data_tx_handynamiccustomcontent_push_items}" as="data_item">
        <div class="pushItem">
            <f:if condition="{data_item.data_tx_handynamiccustomcontent_push_image}">
                <f:for each="{data_item.data_tx_handynamiccustomcontent_push_image}" as="fileReference" iteration="iterator">
                    <f:if condition="{iterator.isFirst}">
                        <v:variable.set name="fileRef" value="{fileReference}"/>
                    </f:if>
                </f:for>
            </f:if>

            <f:if condition="{data_item.data_tx_handynamiccustomcontent_push_image}">
                <f:for each="{data_item.data_tx_handynamiccustomcontent_push_image}" as="file">
                    <img src="{v:uri.image(src:'{file.uid}', treatIdAsReference:'1')}" alt="{file.alternative}" title="{file.title}" />
                </f:for>
            </f:if>
            <f:if condition="{data_item.data.tx_handynamiccustomcontent_push_title}">
                <span>{data_item.data.tx_handynamiccustomcontent_push_title}</span>
            </f:if>
        </div>
    </f:for>
  </div>

</f:if>