<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">
<div class="m-notification m-notification--error">
<div class="m-notification__icon">
<svg class="icon icon--error">
<use xlink:href="../../assets/icons.svg#error" />
</svg>
</div>
<div class="m-notification__text">
È obbligatorio consegnare al cliente, insieme al contratto, il documento di sintesi aggiornato. Eventuali altri documenti di sintesi consegnati in giorni precedenti a quello di stipula non sono da ritenersi più validi.
</div>
<div class="m-notification__cta">
Chiudi
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row l-bottom">
<div class="col">
<!-- <div class="ty-context">
Persona fisica
</div> -->
<div class="ty-primary">
Documenti dei soggeti
</div>
</div>
<div class="col l-end">
<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--normal">
<div class="l-white-container">
<div class="l-main-wrapper">
<div class="ty-body">
<b>Chi sollecitare in caso di documenti mancanti?</b>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
<div class="a-input a-input--text ">
<div class="a-input__label">
Email
</div>
<input type="text" value="">
</div>
</div>
<div class="col-4">
<div class="a-input a-input--text ">
<div class="a-input__label">
Collega di riferimento
</div>
<input type="text" value="">
</div>
</div>
<div class="col-4">
<div class="a-input a-input--text ">
<div class="a-input__label">
Destinaratio aggiuntivo
</div>
<input type="text" value="">
</div>
</div>
</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 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">
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">
{% render '@notification-banner--error' %}
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row l-bottom">
<div class="col">
<!-- <div class="ty-context">
Persona fisica
</div> -->
<div class="ty-primary">
Documenti dei soggeti
</div>
</div>
<div class="col l-end">
{% render '@link' %}
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="l-white-container">
<div class="l-main-wrapper">
<div class="ty-body">
<b>Chi sollecitare in caso di documenti mancanti?</b>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
{% render '@input--text', {
"text": {
"label": "Email",
"placeholder": ""
}
} %}
</div>
<div class="col-4">
{% render '@input--text', {
"text": {
"label": "Collega di riferimento",
"placeholder": ""
}
} %}
</div>
<div class="col-4">
{% render '@input--text', {
"text": {
"label": "Destinaratio aggiuntivo",
"placeholder": ""
}
} %}
</div>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
{% render '@footer-controls', footerControls %}
</div>
{
"footerControls": {
"left": [
{
"atom": "buttons--transparent",
"value": "Salva ed esci"
}
],
"right": [
{
"atom": "buttons",
"value": "Indietro"
},
{
"atom": "buttons--azure",
"value": "Avanti"
}
]
}
}
There are no notes for this item.