{namespace v=FluidTYPO3\Vhs\ViewHelpers}

<article class="voiture occasion">
    <div class="row">
        <div class="col-lg-4">
            <f:if condition="{ad.handynamic}">
                <f:then>
                    <f:if condition="{settings.removeMention} == 1">
                        <f:then />
                        <f:else>
                            <p class="origine">Occasion Handynamic</p>
                        </f:else>
                    </f:if>
                </f:then>
                <f:else>
                    <p class="origine particulier">Occasion Particulier</p>
                </f:else>
            </f:if>
            <div class="image">
                <f:if condition="{ad.albumphoto}">
                    <f:then>
                        <f:render partial="Ad/Select/Image" arguments="{images:ad.albumphoto, max: 1, ad:ad, settings:settings}" />
                    </f:then>
                    <f:else>
                        <f:render partial="Ad/Select/Image" arguments="{images:ad.images, max: 1, ad:ad, settings:settings}" />
                    </f:else>
                </f:if>
            </div>
            <div class="amenagmentContainer text-center"><f:for each="{ad.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 action="show" controller="Ad" pageUid="{settings.defaultDetailPid}" pluginName="Ads" title="{ad.title}" arguments="{ad : ad}">{ad.title}</f:link.action>
            </p>

            <f:if condition="{ad.capacities}">
                <p class="h3"><f:render partial="Ad/List/Capacities" arguments="{capacities:ad.capacities}" /></p>
            </f:if>
            <f:if condition="{ad.reservation}">
                <f:then>
                    <v:variable.set name="status" value="{f:translate(key: 'tx_handynamicads_domain_model_ad.reservation_ok')}" />
                    <p class="reserve"><span>{status->f:format.html(parseFuncTSPath: 'lib.parseFunc')}</span></p>
                </f:then>
                <f:else>
                    <f:if condition="{ad.price}">
                        <p class="price h3">{ad.price} € <span class="info">TTC</span></p>
                    </f:if>
                </f:else>
            </f:if>
            <f:if condition="{ad.city}">
                <span class="city"><i class="fa fa-map-marker" aria-hidden="true"></i>{ad.city}</span>
                <f:if condition="{ad.pid} == {settings.detailPidOccasion}">
                    <f:then>
                       -
                    </f:then>
                    <f:else>
                       -
                    </f:else>
                </f:if>
            </f:if>
            <f:if condition="{ad.pid} == {settings.detailPidOccasion}">
                <f:then>
                   <span>Offre n°{ad.uid}</span>
                </f:then>
                <f:else>
                   <span>Offre n°{ad.plate}</span>
                </f:else>
            </f:if>
            <p class="link">
                <f:link.action action="show" controller="Ad" pageUid="{settings.defaultDetailPid}" pluginName="Ads" class="btn btn-primary" title="Plus d'infos" arguments="{ad : ad}">Plus d'infos</f:link.action>
            </p>
        </div>
    </div>
</article>