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

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

<article class="voiture neuf">
    <div class="row">
        <div class="col-lg-4">
            <div class="image">
                <f:for each="{car.falMediaIntro}" as="file" iteration="iterator">
                    <f:if condition="{iterator.index} == 0">
                        <f:link.action pluginName="Carshow" action="show" pageUid="{detailPid}" arguments="{car:car}"><img src="{v:uri.image(src:'{file.uid}', treatIdAsReference: '1')}" title="{imageTitle->f:format.htmlentitiesDecode()}" alt="{imageAlternative->f:format.htmlentitiesDecode()}"></f:link.action>
                    </f:if>
                </f:for>
            </div>
            <div class="amenagmentContainer text-center">
                <f:for each="{car.categories}" as="category" >
                    <a href="#" onClick="return false" aria-label="{category.title}" class="amenagmentItem">
                        <img src="/fileadmin/images/amenagements/{category.description}" alt="{category.description}" width="54" height="54">
                    </a>
                </f:for>
            </div>
        </div>
        <div class="col-lg-8 description">
            <p class="h3">
                <f:link.action pluginName="Carshow" action="show" pageUid="{detailPid}" arguments="{car:car}">{car.title}</f:link.action>
            </p>

            <f:if condition="{car.capacities}">
                <p class="h3"><f:format.html parseFuncTSPath="lib.parseFunc"><llc:carCapacities transform="{car.capacities}" /></f:format.html></p>
            </f:if>

            <f:if condition="{car.price}">
                <div class="price h3">
                    <f:format.html>{car.price}</f:format.html>
                </div>
            </f:if>

            <p class="link">
                <f:link.action pluginName="Carshow" action="show" pageUid="{detailPid}" arguments="{car:car}" class="btn btn-primary" title="{f:translate(key:'LLL:EXT:handynamic_skin/Resources/Private/Language/locallang.xlf:more')}">{f:translate(key:'LLL:EXT:handynamic_skin/Resources/Private/Language/locallang.xlf:more')}</f:link.action>
            </p>
        </div>
    </div>
</article>