<header class="m-header m-header--small">
<a class="m-header__logo" href="#">
<img src="/assets/images/m-logo.png" alt="">
</a>
<div class="m-header__nav">
<div class="m-header__links">
<a href="#" class="m-header__link m-header__link--active">Proposte</a>
<a href="#" class="m-header__link">Rifinanziamenti</a>
<a href="#" class="m-header__link">myMobilityPass</a>
<a href="#" class="m-header__link"><svg class="icon icon--user">
<use xlink:href="../../assets/icons.svg#user" />
</svg>
</a>
</div>
</div>
</header>
<div class="l-main-wrapper l-margin-top--normal">
<div class="m-step-line">
<div class="m-step-line__child m-step-line__child--done">
Prodotto
</div>
<div class="m-step-line__child m-step-line__child--done">
Dati Commerciali
</div>
<div class="m-step-line__child m-step-line__child--active">
Piano finanziario
</div>
<div class="m-step-line__child m-step-line__child--inactive">
Anagrafica
</div>
<div class="m-step-line__child m-step-line__child--inactive">
Istruttoria
</div>
<div class="m-step-line__child m-step-line__child--inactive">
Contratto
</div>
<div class="m-step-line__child m-step-line__child--inactive">
Finalizzazione
</div>
</div>
</div>
<div class="l-main-wrapper">
<div class="m-recap-header">
<div class="m-recap-header__info">
<div class="a-info-auto">
<div>
<span class="a-info-auto__data-1">CLASSE A</span>
<span class="a-info-auto__data-2">80d Automatic Sport</span>
</div>
<div>
<span class="a-info-auto__data-3">
Codice Prodotto: 0123456789
</span>
</div>
<div>
<span class="a-info-auto__data-4">
DIEGO BERTOLINI - Persona fisica
</span>
</div>
</div>
</div>
<div class="m-recap-header__data">
<div>
<strong>
finanziamento balloon
</strong>
<span>
36 mesi
</span>
</div>
<div>
<strong>
finanziamento balloon
</strong>
<span>
36 mesi
</span>
</div>
<div>
<strong>
finanziamento balloon
</strong>
<span>
36 mesi
</span>
</div>
<div>
<strong>
finanziamento balloon
</strong>
<span>
36 mesi
</span>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="m-accordion-trigger">
<div class="m-accordion-trigger__label">
Label
</div>
<div class="m-accordion-trigger__icons">
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--small">
<div class="m-accordion-trigger m-accordion-trigger--active">
<div class="m-accordion-trigger__label">
Label
<div class="a-tag">
<span>
2
</span>
</div>
</div>
<div class="m-accordion-trigger__icons">
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
</div>
<div class="l-main-wrapper">
<div class="l-white-container">
<div class="l-main-wrapper l-margin-top--small">
<div class="ty-body">
I servizi disponibili sono quelli che puoi abbinare alla campagna selezionata.
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row">
<div class="col-4">
<div class="a-service-card">
<div class="a-service-card__name">
<svg class="icon icon--file">
<use xlink:href="../../assets/icons.svg#file" />
</svg> feel care AXA
</div>
<div class="a-service-card__price">
<svg class="icon icon--alert">
<use xlink:href="../../assets/icons.svg#alert" />
</svg>
<svg class="icon icon--file">
<use xlink:href="../../assets/icons.svg#file" />
</svg>
</div>
</div>
<div class="a-service-card a-service-card--active">
<div class="a-service-card__name">
<svg class="icon icon--file">
<use xlink:href="../../assets/icons.svg#file" />
</svg> feel care AXA
</div>
<div class="a-service-card__price">
<svg class="icon icon--alert">
<use xlink:href="../../assets/icons.svg#alert" />
</svg>
<svg class="icon icon--file">
<use xlink:href="../../assets/icons.svg#file" />
</svg>
</div>
</div>
<div class="a-service-card a-service-card--close">
<div class="a-service-card__name">
feel care AXA
</div>
<div class="a-service-card__price">
<span>
120,00 €
</span>
<svg class="icon icon--file">
<use xlink:href="../../assets/icons.svg#file" />
</svg>
<svg class="icon icon--close">
<use xlink:href="../../assets/icons.svg#close" />
</svg>
</div>
</div>
<div class="a-service-card">
<div class="a-service-card__name">
<svg class="icon icon--file">
<use xlink:href="../../assets/icons.svg#file" />
</svg> feel care AXA
</div>
<div class="a-service-card__price">
<svg class="icon icon--alert">
<use xlink:href="../../assets/icons.svg#alert" />
</svg>
<svg class="icon icon--file">
<use xlink:href="../../assets/icons.svg#file" />
</svg>
</div>
</div>
<div class="a-service-card">
<div class="a-service-card__name">
<svg class="icon icon--file">
<use xlink:href="../../assets/icons.svg#file" />
</svg> feel care AXA
</div>
<div class="a-service-card__price">
<svg class="icon icon--alert">
<use xlink:href="../../assets/icons.svg#alert" />
</svg>
<svg class="icon icon--file">
<use xlink:href="../../assets/icons.svg#file" />
</svg>
</div>
</div>
</div>
<div class="col-4">
<div class="ty-body">
L’assicurazione Incendio e Furto, che protegge al meglio la vostra vettura contro ogni tipo di rischio, personalizzabile secondo le vostre esigenze.
</div>
<div class="a-service-card-small">
<div class="a-service-card-small__name">
Premium Nord Est
</div>
<div class="a-service-card-small__price">
150,00 - 170,00 €
</div>
</div>
<div class="a-service-card-small">
<div class="a-service-card-small__name">
Premium Nord Est
</div>
<div class="a-service-card-small__price">
150,00 - 170,00 €
</div>
</div>
<div class="a-service-card-small">
<div class="a-service-card-small__name">
Premium Nord Est
</div>
<div class="a-service-card-small__price">
150,00 - 170,00 €
</div>
</div>
<div class="a-service-card-small">
<div class="a-service-card-small__name">
Premium Nord Est
</div>
<div class="a-service-card-small__price">
150,00 - 170,00 €
</div>
</div>
<div class="a-service-card-small a-service-card-small--active">
<div class="a-service-card-small__name">
Premium Nord Est
</div>
<div class="a-service-card-small__price">
<svg class="icon icon--alert">
<use xlink:href="../../assets/icons.svg#alert" />
</svg>
<svg class="icon icon--close">
<use xlink:href="../../assets/icons.svg#close" />
</svg>
</div>
</div>
<div class="a-service-card-small">
<div class="a-service-card-small__name">
Premium Nord Est
</div>
<div class="a-service-card-small__price">
150,00 - 170,00 €
</div>
</div>
</div>
<div class="col-4">
<div class="l-margin-top--small">
<div class="a-input a-input--select ">
<div class="a-input__label">
Label
</div>
<select name="" id="">
<option value="IVA 22% vendite"> IVA 22% vendite</option>
<option value="IVA 10% vendite"> IVA 10% vendite</option>
</select>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
<div class="l-margin-top--small">
<div class="a-input a-input--select ">
<div class="a-input__label">
Label
</div>
<select name="" id="">
<option value="IVA 22% vendite"> IVA 22% vendite</option>
<option value="IVA 10% vendite"> IVA 10% vendite</option>
</select>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
<div class="l-margin-top--small">
<div class="a-input a-input--select ">
<div class="a-input__label">
Label
</div>
<select name="" id="">
<option value="IVA 22% vendite"> IVA 22% vendite</option>
<option value="IVA 10% vendite"> IVA 10% vendite</option>
</select>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
<div class="l-margin-top--big">
<label class="a-checkbox " for="field-id-3879">
<input type="checkbox" id="field-id-3879">
<span></span>
<div class="ty-body">
label
</div>
</label>
</div>
<div class="l-margin-top--small">
<label class="a-checkbox " for="field-id-4239">
<input type="checkbox" id="field-id-4239">
<span></span>
<div class="ty-body">
label
</div>
</label>
</div>
<div class="l-margin-top--small">
<label class="a-checkbox " for="field-id-974">
<input type="checkbox" id="field-id-974">
<span></span>
<div class="ty-body">
label
</div>
</label>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="m-footer-controls">
<div class="m-footer-controls__child">
</div>
<div class="m-footer-controls__child">
<div class="a-button">
Indietro
</div>
<div class="a-button a-button--azure">
Avanti
</div>
</div>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row">
<div class="col-4">
<div class="l-margin-top--small">
<div class="a-input a-input--select ">
<div class="a-input__label">
Label
</div>
<select name="" id="">
<option value="IVA 22% vendite"> IVA 22% vendite</option>
<option value="IVA 10% vendite"> IVA 10% vendite</option>
</select>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
<div class="l-margin-top--small">
<div class="a-input a-input--select ">
<div class="a-input__label">
Label
</div>
<select name="" id="">
<option value="IVA 22% vendite"> IVA 22% vendite</option>
<option value="IVA 10% vendite"> IVA 10% vendite</option>
</select>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
<div class="l-margin-top--small">
<div class="a-input a-input--select ">
<div class="a-input__label">
Label
</div>
<select name="" id="">
<option value="IVA 22% vendite"> IVA 22% vendite</option>
<option value="IVA 10% vendite"> IVA 10% vendite</option>
</select>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
</div>
<div class="col-4">
<div class="l-margin-top--small">
<div class="a-input a-input--select ">
<div class="a-input__label">
Label
</div>
<select name="" id="">
<option value="IVA 22% vendite"> IVA 22% vendite</option>
<option value="IVA 10% vendite"> IVA 10% vendite</option>
</select>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
<div class="l-margin-top--small">
<div class="a-input a-input--select ">
<div class="a-input__label">
Label
</div>
<select name="" id="">
<option value="IVA 22% vendite"> IVA 22% vendite</option>
<option value="IVA 10% vendite"> IVA 10% vendite</option>
</select>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
<div class="l-margin-top--small">
<div class="a-input a-input--select ">
<div class="a-input__label">
Label
</div>
<select name="" id="">
<option value="IVA 22% vendite"> IVA 22% vendite</option>
<option value="IVA 10% vendite"> IVA 10% vendite</option>
</select>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
</div>
<div class="col-4">
<div>
<div class="a-digit-box a-digit-box--big">
<div class="a-digit-box__main">
550,00 €
</div>
<div class="a-digit-box__secondary">
Importo totale <span>(IVA inclusa)</span>
</div>
</div>
</div>
<div class="l-margin-top--small">
<div class="a-digit-box a-digit-box--big">
<div class="a-digit-box__main">
550,00 €
</div>
<div class="a-digit-box__secondary">
Importo totale <span>(IVA inclusa)</span>
</div>
</div>
</div>
<div class="l-margin-top--small">
<div class="row">
<div class="col-6">
<div class="a-digit-box">
<div class="a-digit-box__main">
550,00 €
</div>
<div class="a-digit-box__secondary">
Importo totale <span>(IVA inclusa)</span>
</div>
</div>
</div>
<div class="col-6">
<div class="a-digit-box">
<div class="a-digit-box__main">
550,00 €
</div>
<div class="a-digit-box__secondary">
Importo totale <span>(IVA inclusa)</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="l-white-container">
<div class="l-main-wrapper">
<table class="m-financing-table">
<thead>
<tr>
<th></th>
<th>Percentuale<br>finanziamento</th>
<th>Importo<br>finanziato</th>
<th>Servizi<br>assicurativi</th>
<th>Servizi di <br>accordo assistenza</th>
<th>Importo <br>totale</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="a-onoffswitch">
<div class="a-onoffswitch__element">
<input type="checkbox" name="idswitch" class="a-onoffswitch__checkbox" id="idswitch" checked }>
<label class="a-onoffswitch__circle" for="idswitch"></label>
</div>
<div class="a-onoffswitch__label">
label
</div>
</div>
</td>
<td>
<div class="a-input a-input--text ">
<div class="a-input__label">
</div>
<input type="text" value="3,90 %">
</div>
</td>
<td>
<div class="a-input a-input--text ">
<div class="a-input__label">
</div>
<input type="text" value="6442,00 €">
</div>
</td>
<td></td>
<td></td>
<td>
<div class="a-digit-box a-digit-box--big">
<div class="a-digit-box__main">
100,00 €
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="a-onoffswitch">
<div class="a-onoffswitch__element">
<input type="checkbox" name="idswitch" class="a-onoffswitch__checkbox" id="idswitch" checked }>
<label class="a-onoffswitch__circle" for="idswitch"></label>
</div>
<div class="a-onoffswitch__label">
label
</div>
</div>
</td>
<td>
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
</div>
<input type="text" value="3,90 %" disabled>
</div>
</td>
<td>
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
</div>
<input type="text" value="6442,00 €" disabled>
</div>
</td>
<td>
41,03 €
</td>
<td>
41,03 €
</td>
<td>
<div class="a-digit-box a-digit-box--big">
<div class="a-digit-box__main">
100,00 €
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="a-onoffswitch">
<div class="a-onoffswitch__element">
<input type="checkbox" name="idswitch" class="a-onoffswitch__checkbox" id="idswitch" checked }>
<label class="a-onoffswitch__circle" for="idswitch"></label>
</div>
<div class="a-onoffswitch__label">
label
</div>
</div>
</td>
<td>
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
</div>
<input type="text" value="3,90 %" disabled>
</div>
</td>
<td>
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
</div>
<input type="text" value="6442,00 €" disabled>
</div>
</td>
<td>
41,03 €
</td>
<td>
41,03 €
</td>
<td>
<div class="a-digit-box a-digit-box--big">
<div class="a-digit-box__main">
100,00 €
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row l-middle">
<div class="col-4">
<div class="row l-middle">
<div class="col-6">
<div class="a-onoffswitch">
<div class="a-onoffswitch__element">
<input type="checkbox" name="idswitch" class="a-onoffswitch__checkbox" id="idswitch" checked }>
<label class="a-onoffswitch__circle" for="idswitch"></label>
</div>
<div class="a-onoffswitch__label">
label
</div>
</div>
</div>
<div class="col-6">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
</div>
<input type="text" value="3,90 %" disabled>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="row l-middle">
<div class="col-6">
<div class="a-digit-box">
<div class="a-digit-box__main">
4,74 %
</div>
<div class="a-digit-box__secondary">
TAEG
</div>
</div>
</div>
<div class="col-6">
<div class="a-input a-input--text ">
<div class="a-input__label">
Label
</div>
<input type="text" value="" placeholder="Label Placeholder">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="m-accordion-trigger m-accordion-trigger--active">
<div class="m-accordion-trigger__label">
Label
<div class="a-tag">
<span>
2
</span>
</div>
</div>
<div class="m-accordion-trigger__icons">
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
</div>
<div class="l-main-wrapper">
<div class="l-white-container">
<div class="l-main-wrapper l-margin-top--small">
<div class="row">
<div class="col">
<div class="ty-body">
Ogni rata comprende il costo base dell’asset e tutti i servizi.
</div>
</div>
<div class="col l-end">
<div class="a-onoffswitch">
<div class="a-onoffswitch__element">
<input type="checkbox" name="idswitch" class="a-onoffswitch__checkbox" id="idswitch" checked }>
<label class="a-onoffswitch__circle" for="idswitch"></label>
</div>
<div class="a-onoffswitch__label">
label
</div>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="m-calendar">
<div class="m-calendar__years">
<div class="m-calendar__year">
</div>
<div class="m-calendar__year">
2019
</div>
<div class="m-calendar__year">
2020
</div>
<div class="m-calendar__year">
2021
</div>
<div class="m-calendar__year">
2022
</div>
</div>
<div class="m-calendar__data">
<div class="m-calendar__months">
<div class="m-calendar__month">
GEN
</div>
<div class="m-calendar__month">
FEB
</div>
<div class="m-calendar__month">
MAR
</div>
<div class="m-calendar__month">
APR
</div>
<div class="m-calendar__month">
MAG
</div>
<div class="m-calendar__month">
GIU
</div>
<div class="m-calendar__month">
LUG
</div>
<div class="m-calendar__month">
AGO
</div>
<div class="m-calendar__month">
SET
</div>
<div class="m-calendar__month">
OTT
</div>
<div class="m-calendar__month">
NOV
</div>
<div class="m-calendar__month">
DIC
</div>
</div>
<div class="m-calendar__rates">
<div class="m-calendar__rate">
</div>
<div class="m-calendar__rate">
</div>
<div class="m-calendar__rate">
</div>
<div class="m-calendar__rate">
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate -is-active">
100,5 €
<div class="a-service-tooltip">
<div>
<strong>Asset</strong>
<span>300,00 €</span>
</div>
<div>
<strong>Servizi</strong>
<span>80,00 €</span>
</div>
</div>
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
<div class="m-calendar__rate ">
100,5 €
</div>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row l-between">
<label class="a-checkbox " for="field-id-5437">
<input type="checkbox" id="field-id-5437">
<span></span>
<div class="ty-body">
label
</div>
</label>
<div class="a-button a-button--azure">
Button
</div>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--small">
<div class="m-accordion-trigger">
<div class="m-accordion-trigger__label">
Label
</div>
<div class="m-accordion-trigger__icons">
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="m-footer-controls">
<div class="m-footer-controls__child">
<div class="a-button a-button--transparent">
Esci
</div>
</div>
<div class="m-footer-controls__child">
<div class="a-button">
Indietro
</div>
<div class="a-button a-button--azure">
Avanti
</div>
</div>
</div>
</div>
{% render '@header--small' %}
<div class="l-main-wrapper l-margin-top--normal">
{% render '@step-line'%}
</div>
<div class="l-main-wrapper">
{% render '@recap-header' %}
</div>
<div class="l-main-wrapper l-margin-top--normal">
{% render '@accordion-trigger' %}
</div>
<div class="l-main-wrapper l-margin-top--small">
{% render '@accordion-trigger--active' %}
</div>
<div class="l-main-wrapper">
<div class="l-white-container">
<div class="l-main-wrapper l-margin-top--small">
<div class="ty-body">
I servizi disponibili sono quelli che puoi abbinare alla campagna selezionata.
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row">
<div class="col-4">
{% render '@service-card' %}
{% render '@service-card--active' %}
{% render '@service-card--close' %}
{% render '@service-card' %}
{% render '@service-card' %}
</div>
<div class="col-4">
<div class="ty-body">
L’assicurazione Incendio e Furto, che protegge al meglio la vostra vettura contro ogni tipo di rischio, personalizzabile secondo le vostre esigenze.
</div>
{% render '@service-card-small' %}
{% render '@service-card-small' %}
{% render '@service-card-small' %}
{% render '@service-card-small' %}
{% render '@service-card-small--active' %}
{% render '@service-card-small' %}
</div>
<div class="col-4">
<div class="l-margin-top--small">
{% render '@input--select' %}
</div>
<div class="l-margin-top--small">
{% render '@input--select' %}
</div>
<div class="l-margin-top--small">
{% render '@input--select' %}
</div>
<div class="l-margin-top--big">
{% render '@checkbox' %}
</div>
<div class="l-margin-top--small">
{% render '@checkbox' %}
</div>
<div class="l-margin-top--small">
{% render '@checkbox' %}
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
{% render '@footer-controls', {
"left": [],
"right": [
{
"atom": "buttons",
"value": "Indietro"
},
{
"atom": "buttons--azure",
"value": "Avanti"
}
]
} %}
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row">
<div class="col-4">
<div class="l-margin-top--small">
{% render '@input--select' %}
</div>
<div class="l-margin-top--small">
{% render '@input--select' %}
</div>
<div class="l-margin-top--small">
{% render '@input--select' %}
</div>
</div>
<div class="col-4">
<div class="l-margin-top--small">
{% render '@input--select' %}
</div>
<div class="l-margin-top--small">
{% render '@input--select' %}
</div>
<div class="l-margin-top--small">
{% render '@input--select' %}
</div>
</div>
<div class="col-4">
<div>
{% render '@digit-box--big' %}
</div>
<div class="l-margin-top--small">
{% render '@digit-box--big' %}
</div>
<div class="l-margin-top--small">
<div class="row">
<div class="col-6">
{% render '@digit-box' %}
</div>
<div class="col-6">
{% render '@digit-box' %}
</div>
</div>
</div>
</div>
</div>
</div>
{% render '@financing-table' %}
<div class="l-main-wrapper l-margin-top--normal">
<div class="row l-middle">
<div class="col-4">
<div class="row l-middle">
<div class="col-6">
{% render '@onoff-switch' %}
</div>
<div class="col-6">
{% render '@input--text', {
"text": {
"value": "3,90 %",
"disabled": true
}
} %}
</div>
</div>
</div>
<div class="col-4">
<div class="row l-middle">
<div class="col-6">
{% render '@digit-box', {
"main": "4,74 %",
"secondary": "TAEG"
} %}
</div>
<div class="col-6">
{% render '@input--text' %}
</div>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
{% render '@accordion-trigger--active' %}
</div>
<div class="l-main-wrapper">
<div class="l-white-container">
<div class="l-main-wrapper l-margin-top--small">
<div class="row">
<div class="col">
<div class="ty-body">
Ogni rata comprende il costo base dell’asset e tutti i servizi.
</div>
</div>
<div class="col l-end">
{% render '@onoff-switch' %}
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
{% render '@calendar' %}
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row l-between">
{% render '@checkbox' %}
{% render '@buttons--azure' %}
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--small">
{% render '@accordion-trigger' %}
</div>
<div class="l-main-wrapper l-margin-top--normal">
{% render '@footer-controls', footerControls %}
</div>
{
"tableList": {
"header": [
{
"label": "CODICE",
"type": "label"
},
{
"label": "DESCRIZIONE",
"type": "label"
},
{
"label": "Prezzo (IVA Esclusa)",
"type": "label"
},
{
"label": "Prezzo (IVA Inclusa)",
"type": "label"
},
{
"label": "sconto",
"type": "checkbox"
},
{
"type": "empty"
}
],
"data": [
[
{
"label": "AC3F",
"type": "label"
},
{
"label": "Rapporto al ponte i=4,375",
"type": "label"
},
{
"label": "1.000 €",
"type": "label"
},
{
"label": "1.500 €",
"type": "label"
},
{
"label": null,
"type": "checkbox"
},
{
"label": "Cestina",
"type": "icon",
"id": "delete"
}
]
]
},
"footerControls": {
"left": [
{
"atom": "buttons--transparent",
"value": "Esci"
}
],
"right": [
{
"atom": "buttons",
"value": "Indietro"
},
{
"atom": "buttons--azure",
"value": "Avanti"
}
]
}
}
There are no notes for this item.