<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">
Dati anagrafici.
</div>
</div>
<div class="col l-center">
<div class="ty-context">
*campi obbligatori
</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="row">
<div class="col-4">
<div class="row">
<div class="col">
<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 class="row l-margin-top--small">
<div class="col">
<div class="a-input a-input--text ">
<div class="a-input__label">
Label
</div>
<input type="text" value="" placeholder="Label Placeholder">
</div>
</div>
<div class="col">
<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="row l-margin-top--small">
<div class="col">
<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 class="row l-margin-top--small">
<div class="col">
<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 class="row l-margin-top--small">
<div class="col">
<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 class="col-4">
<div class="row">
<div class="col">
<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 class="row l-margin-top--small">
<div class="col">
<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">
<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 class="row l-margin-top--small">
<div class="col">
<div class="a-input a-input--text ">
<div class="a-input__label">
Label
</div>
<input type="text" value="" placeholder="Label Placeholder">
</div>
</div>
<div class="col">
<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="row l-margin-top--small">
<div class="col">
<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 class="row l-margin-top--small">
<div class="col">
<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 class="col-4">
<div class="row">
<div class="a-input a-input--radio">
<div class="a-input__label">
Label
</div>
<label class="a-input--radio-tab">
<input type="radio" name="gender" checked>
<span>
M
</span>
</label>
<label class="a-input--radio-tab">
<input type="radio" name="gender">
<span>
F
</span>
</label>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col">
<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="row l-margin-top--small">
<div class="col">
<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">
<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 class="row l-margin-top--small">
<div class="col">
<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 class="row l-margin-top--small">
<div class="col">
<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>
</div>
</div>
<div class="l-main-wrapper l-margin-top--big">
<div class="ty-primary">
Dettagli sull’attività del soggetto.
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row">
<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--text a-input--error">
<div class="a-input__label">
Label
</div>
<input type="text" value="" placeholder="Label Placeholder">
<span class="a-input__alert">
Il campo contiene dei caratteri non consentiti.*
</span>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--big">
<div class="ty-primary">
Documento
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row">
<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--text ">
<div class="a-input__label">
Label
</div>
<input type="text" value="" placeholder="Label Placeholder">
</div>
</div>
<div class="col-4">
<div class="row">
<div class="col-6">
<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>
</div>
<div class="row l-margin-top--small 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="row">
<div class="col-6">
<div class="a-input a-input--text ">
<div class="a-input__label">
</div>
<input type="text" value="" placeholder="14/01/1989">
<div class="a-input__icon">
<svg class="icon icon--calendar">
<use xlink:href="../../assets/icons.svg#calendar" />
</svg>
</div>
</div>
</div>
<div class="col-6">
<div class="a-input a-input--text ">
<div class="a-input__label">
</div>
<input type="text" value="" placeholder="14/01/1989">
<div class="a-input__icon">
<svg class="icon icon--calendar">
<use xlink:href="../../assets/icons.svg#calendar" />
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="col-4">
<a href="#" class="a-link">
<svg class="icon icon--file">
<use xlink:href="../../assets/icons.svg#file" />
</svg>
Allegato: 1234
</a>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="ty-body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni optio, vero minus inventore non quo assumenda impedit dolorem fugit, maiores quisquam animi! Nesciunt sapiente dolorum porro exercitationem. Odit, doloribus, dicta!
</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">
<label class="a-checkbox " for="field-id-5889">
<input type="checkbox" id="field-id-5889">
<span></span>
<div class="ty-body">
Dichiaro di aver fornito ai soggetti coinvolti, clienti o garanti, una copia dell’Informativa sul trattamento dei dati personali, così come disposto dall’art. 13 del Regolamento UE 2016/679.
</div>
</label>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--big">
<div class="ty-primary">
Antiriciclaggio (D.Lgs. 231/07).
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="m-question-row">
<div class="row l-middle">
<div class="col-9">
<div class="m-question-row__question ty-body">
Nella proposta sono coinvolte <a href='#'>Persone Esposte Politicamente (PEP)</a>?
</div>
</div>
<div class="col-3">
<div class="m-question-row__answers l-between">
<a href="#" class="a-link">
<svg class="icon icon--error">
<use xlink:href="../../assets/icons.svg#error" />
</svg>
Link Label
</a>
<div>
<div class="m-question-row__radio">
<label class="a-radio">
<input type="radio">
<span></span>
Sì
</label>
</div>
<div class="m-question-row__radio">
<label class="a-radio">
<input type="radio">
<span></span>
No
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--small">
<div class="m-question-row">
<div class="row l-middle">
<div class="col-9">
<div class="m-question-row__question ty-body">
Nella proposta sono coinvolte <a href='#'>Persone Esposte Politicamente (PEP)</a>?
</div>
</div>
<div class="col-3">
<div class="m-question-row__answers l-between">
<a href="#" class="a-link">
<svg class="icon icon--error">
<use xlink:href="../../assets/icons.svg#error" />
</svg>
Link Label
</a>
<div>
<div class="m-question-row__radio">
<label class="a-radio">
<input type="radio">
<span></span>
Sì
</label>
</div>
<div class="m-question-row__radio">
<label class="a-radio">
<input type="radio">
<span></span>
No
</label>
</div>
</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">
Dati anagrafici.
</div>
</div>
<div class="col l-center">
<div class="ty-context">
*campi obbligatori
</div>
</div>
<div class="col l-end">
{% render '@link' %}
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row">
<div class="col-4">
<div class="row">
<div class="col">
{% render '@input--text' %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col">
{% render '@input--text' %}
</div>
<div class="col">
{% render '@input--select' %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col">
{% render '@input--text' %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col">
{% render '@input--text' %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col">
{% render '@input--text' %}
</div>
</div>
</div>
<div class="col-4">
<div class="row">
<div class="col">
{% render '@input--text' %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col">
{% render '@input--select' %}
</div>
<div class="col">
{% render '@input--text' %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col">
{% render '@input--text' %}
</div>
<div class="col">
{% render '@input--select' %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col">
{% render '@input--text' %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col">
{% render '@input--text' %}
</div>
</div>
</div>
<div class="col-4">
<div class="row">
{% render '@input--radio' %}
</div>
<div class="row l-margin-top--small">
<div class="col">
{% render '@input--select' %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col">
{% render '@input--select' %}
</div>
<div class="col">
{% render '@input--text' %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col">
{% render '@input--text' %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col">
{% render '@input--select' %}
</div>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--big">
<div class="ty-primary">
Dettagli sull’attività del soggetto.
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row">
<div class="col-4">
{% render '@input--select' %}
</div>
<div class="col-4">
{% render '@input--error' %}
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--big">
<div class="ty-primary">
Documento
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row">
<div class="col-4">
{% render '@input--select' %}
</div>
<div class="col-4">
{% render '@input--text' %}
</div>
<div class="col-4">
<div class="row">
<div class="col-6">
{% render '@input--select' %}
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small l-bottom">
<div class="col-4">
{% render '@input--select' %}
</div>
<div class="col-4">
<div class="row">
<div class="col-6">
{% render '@input--icon', {
"text": {
"placeholder": "14/01/1989"
}
} %}
</div>
<div class="col-6">
{% render '@input--icon', {
"text": {
"placeholder": "14/01/1989"
}
} %}
</div>
</div>
</div>
<div class="col-4">
{% render '@link', {
"label": "Allegato: 1234",
"icon": "file"
} %}
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="ty-body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni optio, vero minus inventore non quo assumenda impedit dolorem fugit, maiores quisquam animi! Nesciunt sapiente dolorum porro exercitationem. Odit, doloribus, dicta!
</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">
{% render '@checkbox', {
"label": "Dichiaro di aver fornito ai soggetti coinvolti, clienti o garanti, una copia dell’Informativa sul trattamento dei dati personali, così come disposto dall’art. 13 del Regolamento UE 2016/679."
} %}
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--big">
<div class="ty-primary">
Antiriciclaggio (D.Lgs. 231/07).
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
{% render '@question-row' %}
</div>
<div class="l-main-wrapper l-margin-top--small">
{% render '@question-row' %}
</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.