1<#assign serviceVehicule=serviceLocator.findService("bnp.service.display.vehicule.BnpServiceDisplayVehicule")>
2<#assign groupId=themeDisplay.getLayout().getGroupId()>
3<#assign end_point="similar-vehicles">
4<#assign partnerVehicleId=request.getParameter( "partnerVehicleId")>
5<#assign partnerCode=request.getParameter( "code")>
6<#assign totalVehicles=propsUtil.get("bnp.similar.vehicles.number")!4>
7
8<#if serviceVehicule.getVehicles(groupId, totalVehicles?string, partnerVehicleId, partnerCode, end_point, request)??>
9 <#assign similarVehicles = serviceVehicule.getVehicles(groupId, totalVehicles?string, partnerVehicleId, partnerCode, end_point, request)>
10 <#if similarVehicles.getVehicles()??>
11 <div class="bnp-vehicle-cards-list">
12 <div class="container bnp-vehicle-cards-list__container">
13 <div class="bnp-vehicle-cards-list__header">
14 <h2 class="h2">${other_vehicles_title.getData()}</h2>
15 </div>
16 <div class="bnp-vehicle-cards-list__list">
17
18 <#assign vehicles = similarVehicles.getVehicles()>
19 <#list vehicles as vehicle>
20 <#assign picture = vehicle.getPicture()>
21
22 <div class="bnp-vehicle-cards-list__list-item">
23 <div class="bnp-card bnp-vehicle-card with-shadow">
24 <#if vehicle.getDetailVehicleUrl()??>
25 <a href="${vehicle.getDetailVehicleUrl()}" class="bnp-vehicle-card__link">
26 <#else>
27 <a href="${linkDetailWording.getFriendlyUrl()}?partnerVehicleId=${vehicle.getPartnerVehicleId()}&code=${vehicle.getPartner().getCode()}" class="bnp-vehicle-card__link">
28 </#if>
29 <div class="bnp-vehicle-card__image">
30 <#if picture??>
31 <#if vehicle.getHasPicture()>
32 <img src="${propsUtil.get('bnp.ws.relay')}${picture}" alt=""/>
33 <#else>
34 <img src="${picture}" alt=""/>
35 </#if>
36 </#if>
37 </div>
38 </a>
39 <#assign productCode = "VAT">
40 <#assign theme = "bg-color-bnp-credit">
41 <#if vehicle.getVehicleRates()[0].getProduct().getWsCode() == "A" || vehicle.getVehicleRates()[0].getProduct().getWsCode() == "L" >
42 <#assign productCode = "LOA">
43 <#assign theme = "bg-color-bnp-projects">
44 </#if>
45 <div class="bnp-vehicle-card__tag">
46 <div class="bnp-tag ${theme}">${vehicle.getVehicleRates()[0].getProduct().getName()}</div>
47 </div>
48 <#if vehicle.getStateAid()?? && vehicle.getStateAid()?has_content>
49 <div class="bnp-vehicle-card__prime-offres-fiche-vehicule"></div>
50 </#if>
51 <div class="bnp-vehicle-card__content">
52 <div class="bnp-vehicle-card__chips">
53 <#if vehicle.getOptionsPicto()??>
54 <#list vehicle.getOptionsPicto()?keys as key>
55 <div class="bnp-tooltip display-chip">
56 <a
57 tabindex="${key?index}"
58 type="button"
59 class="bnp-tooltip__button"
60 data-trigger="focus"
61 data-container="body"
62 data-placement="top"
63 data-toggle="popover"
64 data-content="${vehicle.getOptionsPicto()[key]}">
65 <div class="option-image option-image-search-result option-image__${key}"></div>
66 </a>
67 </div>
68 </#list>
69 <#else>
70 <div class="bnp-tooltip display-chip pB-28"></div>
71 </#if>
72 </div>
73 <#if vehicle.getDetailVehicleUrl()??>
74 <a href="${vehicle.getDetailVehicleUrl()}" class="bnp-vehicle-card__link">
75 <#else>
76 <a href="${linkDetailWording.getFriendlyUrl()}?partnerVehicleId=${vehicle.getPartnerVehicleId()}&code=${vehicle.getPartner().getCode()}" class="bnp-vehicle-card__link">
77 </#if>
78 <div class="bnp-vehicle-card__link-name">${vehicle.getBrand()}</div>
79 <div class="bnp-vehicle-card__link-model">${vehicle.getModel()}</div>
80 <ul class="bnp-vehicle-card__infos">
81 <li class="bnp-vehicle-card__infos-item">${vehicle.getEnergy()}</li>
82 <li class="bnp-vehicle-card__infos-item">${vehicle.getKilometer()} km</li>
83 <li class="bnp-vehicle-card__infos-item">${vehicle.getInServiceDate()[5..6]}/${vehicle.getInServiceDate()[0..3]}</li>
84 </ul>
85 <div class="bnp-vehicle-card__guarantee">Garantie 12 mois minimum</div>
86 <#assign amountFormated = vehicle.getAmount()?string(",###")?replace(",", " ")>
87 <div class="bnp-vehicle-card__prices">
88 <div class="bnp-vehicle-card__prices-new">Prix du véhicule :
89 <strong>${amountFormated} €</strong></div>
90 </div>
91 <div class="bnp-vehicle-card__rent">
92 <#if productCode == "LOA">
93 Loyer de <#else> Mensualité de
94 </#if>
95 <br/><span
96 class="size-18">${vehicle.getVehicleRates()[0].getMonthlyPayment()} € / mois</span>
97 </div>
98 </a>
99 <div class="bnp-vehicle-card__conditions">
100 <button type="button" class="bnp-vehicle-card__conditions-link" data-toggle="modal"
101 data-productcode="${productCode}" data-target="#modal__bnp"
102 data-amount="${vehicle.getAmount()}"
103 data-numberOfTerms="${vehicle.getVehicleRates()[0].getNumberOfTerms()}"
104 data-firstMonthlyPayment="${vehicle.getVehicleRates()[0].getFirstMonthlyPayment()}"
105 data-monthlyPayment="${vehicle.getVehicleRates()[0].getMonthlyPayment()}"
106 data-totalDueAmountWithOptionsAndVr="${vehicle.getVehicleRates()[0].getTotalDueAmountWithOptionsAndVr()}"
107 data-deposit="${vehicle.getVehicleRates()[0].getDeposit()}"
108 data-creditAmount="${vehicle.getVehicleRates()[0].getCreditAmount()}"
109 data-monthlyPaymentWithOptions="${vehicle.getVehicleRates()[0].getMonthlyPaymentWithOptions()}"
110 data-totalCreditCostWithOptions="${vehicle.getVehicleRates()[0].getTotalCreditCostWithOptions()}"
111 data-totalDueAmountWithOptions="${vehicle.getVehicleRates()[0].getTotalDueAmountWithOptions()}"
112 data-interest="${vehicle.getVehicleRates()[0].getInterest()}"
113 data-dossierFees="${vehicle.getVehicleRates()[0].getDossierFees()}"
114 data-taea="${vehicle.getVehicleRates()[0].getTaeg()}"
115 data-tnc="${vehicle.getVehicleRates()[0].getTnc()}"
116 >
117 *Conditions de l'offre
118 </button>
119 </div>
120 </div>
121 </div>
122 </div>
123 </#list>
124 </div>
125
126 <div class="bnp-vehicle-cards-list__nav tns-nav">
127 <button data-nav="0" type="button" class="tns-nav-active"></button>
128 <button data-nav="1" type="button"></button>
129 <button data-nav="2" type="button"></button>
130 <button data-nav="3" type="button"></button>
131 </div>
132 </div>
133 </div>
134</#if>
135<#else>
136 <@liferay.language key="detail.infos.bloc.error" />
137</#if>
Accueil
