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 <a href="${linkDetailWording.getFriendlyUrl()}?partnerVehicleId=${vehicle.getPartnerVehicleId()}&code=${vehicle.getPartner().getCode()}" class="bnp-vehicle-card__link">
74 <div class="bnp-vehicle-card__link-name">${vehicle.getBrand()}</div>
75 <div class="bnp-vehicle-card__link-model">${vehicle.getModel()}</div>
76 <ul class="bnp-vehicle-card__infos">
77 <li class="bnp-vehicle-card__infos-item">${vehicle.getEnergy()}</li>
78 <li class="bnp-vehicle-card__infos-item">${vehicle.getKilometer()} km</li>
79 <li class="bnp-vehicle-card__infos-item">${vehicle.getInServiceDate()[5..6]}/${vehicle.getInServiceDate()[0..3]}</li>
80 </ul>
81 <div class="bnp-vehicle-card__guarantee">Garantie 12 mois minimum</div>
82 <#assign amountFormated = vehicle.getAmount()?string(",###")?replace(",", " ")>
83 <div class="bnp-vehicle-card__prices">
84 <div class="bnp-vehicle-card__prices-new">Prix du véhicule :
85 <strong>${amountFormated} €</strong></div>
86 </div>
87 <div class="bnp-vehicle-card__rent">
88 <#if productCode == "LOA">
89 Loyer de <#else> Mensualité de
90 </#if>
91 <br/><span
92 class="size-18">${vehicle.getVehicleRates()[0].getMonthlyPayment()} € / mois</span>
93 </div>
94 </a>
95 <div class="bnp-vehicle-card__conditions">
96 <button type="button" class="bnp-vehicle-card__conditions-link" data-toggle="modal"
97 data-productcode="${productCode}" data-target="#modal__bnp"
98 data-amount="${vehicle.getAmount()}"
99 data-numberOfTerms="${vehicle.getVehicleRates()[0].getNumberOfTerms()}"
100 data-firstMonthlyPayment="${vehicle.getVehicleRates()[0].getFirstMonthlyPayment()}"
101 data-monthlyPayment="${vehicle.getVehicleRates()[0].getMonthlyPayment()}"
102 data-totalDueAmountWithOptionsAndVr="${vehicle.getVehicleRates()[0].getTotalDueAmountWithOptionsAndVr()}"
103 data-deposit="${vehicle.getVehicleRates()[0].getDeposit()}"
104 data-creditAmount="${vehicle.getVehicleRates()[0].getCreditAmount()}"
105 data-monthlyPaymentWithOptions="${vehicle.getVehicleRates()[0].getMonthlyPaymentWithOptions()}"
106 data-totalCreditCostWithOptions="${vehicle.getVehicleRates()[0].getTotalCreditCostWithOptions()}"
107 data-totalDueAmountWithOptions="${vehicle.getVehicleRates()[0].getTotalDueAmountWithOptions()}"
108 data-interest="${vehicle.getVehicleRates()[0].getInterest()}"
109 data-dossierFees="${vehicle.getVehicleRates()[0].getDossierFees()}"
110 data-taea="${vehicle.getVehicleRates()[0].getTaeg()}"
111 data-tnc="${vehicle.getVehicleRates()[0].getTnc()}"
112 >
113 *Conditions de l'offre
114 </button>
115 </div>
116 </div>
117 </div>
118 </div>
119 </#list>
120 </div>
121
122 <div class="bnp-vehicle-cards-list__nav tns-nav">
123 <button data-nav="0" type="button" class="tns-nav-active"></button>
124 <button data-nav="1" type="button"></button>
125 <button data-nav="2" type="button"></button>
126 <button data-nav="3" type="button"></button>
127 </div>
128 </div>
129 </div>
130</#if>
131<#else>
132 <@liferay.language key="detail.infos.bloc.error" />
133</#if>
Accueil
