{namespace v=FluidTYPO3\Vhs\ViewHelpers}
{namespace ll=Lucidlab\HandynamicCar\ViewHelpers}
{namespace llc=Lucidlab\HandynamicCar\ViewHelpers}
{namespace llb=Lucidlab\HandynamicSkin\ViewHelpers}

<v:variable.set name="pageUid" value="{v:page.info(field:'uid')}" />

<div class="paper">
    <div class="row">
        <div class="large-9 medium-6 small-6 columns text-left">
            <f:link.action action="show" pageUid="{detailPid}" arguments="{car:car}">
                <f:for each="{car.falMediaIntro}" as="file" iteration="iterator">
                    <f:if condition="{file.title}">
                        <f:then>
                            <v:variable.set name="imageTitle" value="{file.title}" />
                        </f:then>
                        <f:else>
                            <v:variable.set name="imageTitle" value="{file.originalResource.title}" />
                        </f:else>
                    </f:if>
                    <f:if condition="{file.alternative}">
                        <f:then>
                            <v:variable.set name="imageAlternative" value="{file.alternative}" />
                        </f:then>
                        <f:else>
                            <v:variable.set name="imageAlternative" value="{file.originalResource.alternative}" />
                        </f:else>
                    </f:if>

                    <f:if condition="{iterator.index} < 2">
                        <img src="{v:uri.image(src:'{file.uid}', treatIdAsReference: '1')}" title="{imageTitle->f:format.htmlentitiesDecode()}" alt="{imageAlternative->f:format.htmlentitiesDecode()}">
                    </f:if>
                </f:for>
            </f:link.action>
        </div>
        <div class="large-3 medium-6 small-6 columns verticalcenter">
            <h4 class="subheader"><f:link.action action="show" pageUid="{detailPid}" arguments="{car:car}">{f:if(condition: '{car.nav_title}', then: '{car.nav_title}', else: '{car.title}')}</f:link.action><span class="clearfix"></span><f:format.html parseFuncTSPath="lib.parseFunc"><ll:carCapacities transform="{car.capacities}" /> {f:if(condition:'{tmpPrice}', then: ' | {tmpPrice}', else: '')}</f:format.html></h4>
            <h4 class="subheader"><span class="arrow-right"> </span></h4>
        </div>
    </div>
    <div class="ripple"></div>
</div>