<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="row l-bottom">
<div class="col">
<div class="ty-primary">
Proposta in corso di attivazione.
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row l-bottom">
<div class="col">
<div class="ty-medium c-black">
Dati del pagamento
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row l-bottom">
<div class="col-4">
<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="col-4">
<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="col-4">
<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 class="row l-bottom l-margin-top--small">
<div class="col-4">
<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="col-4">
<a href="#" class="a-link">
<svg class="icon icon--plus-circle">
<use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>
label
</a>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--big">
<div class="m-footer-controls">
<div class="m-footer-controls__child">
<div class="a-button a-button--transparent">
Salva ed esci
</div>
</div>
<div class="m-footer-controls__child">
<div class="a-button">
Indietro
</div>
<div class="a-button a-button--azure">
Attiva con MyPay
</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">
<div class="row l-bottom">
<div class="col">
<div class="ty-primary">
Proposta in corso di attivazione.
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row l-bottom">
<div class="col">
<div class="ty-medium c-black">
Dati del pagamento
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row l-bottom">
<div class="col-4">
{% render '@input--select' %}
</div>
<div class="col-4">
{% render '@input--select' %}
</div>
<div class="col-4">
{% render '@onoff-switch' %}
</div>
</div>
<div class="row l-bottom l-margin-top--small">
<div class="col-4">
{% render '@input--select' %}
</div>
<div class="col-4">
{% render '@link' %}
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--big">
{% render '@footer-controls', footerControls %}
</div>
{
"footerControls": {
"left": [
{
"atom": "buttons--transparent",
"value": "Salva ed esci"
}
],
"right": [
{
"atom": "buttons",
"value": "Indietro"
},
{
"atom": "buttons--azure",
"value": "Attiva con MyPay"
}
]
}
}
There are no notes for this item.