<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="m-proposal-header">
<div class="m-proposal-header__data">
<div class="align-center">
<div class="a-indicator danger ">
F.S.
</div>
<span>
PD: 2
</span>
</div>
<div>
<strong>
Proposta 1001004798 <a href="#" class="a-link">
(5)
</a>
</strong>
<small>
CLASSE A 80d Automatic Sport
</small>
</div>
<div>
<strong>
Diego Bertolini
</strong>
<small>
Persona fisica
</small>
</div>
<div class="align-center">
<div class="m-action-controls">
<div class="m-action-controls__child">
<svg class="icon icon--loked">
<use xlink:href="../../assets/icons.svg#loked" />
</svg>
<div class="m-action-controls__child__notification">
<div class="a-notification">
3
</div>
</div>
</div>
</div>
</div>
<div>
<strong>
Finanz. Balloon
</strong>
<small>
Durata 36 mesi
</small>
</div>
<div>
<strong>
6.000 €
</strong>
<small>
Maxi rata
</small>
</div>
<div>
<strong>
8.000 €
</strong>
<small>
Anticipo
</small>
</div>
<div>
<strong>
320,29 €
</strong>
<small>
Rata media
</small>
</div>
<div>
<strong>
25.578,09 €
</strong>
<small>
Importo finanziato
</small>
</div>
<div class="align-right">
<a href="#" class="a-link">
<svg class="icon icon--assegna">
<use xlink:href="../../assets/icons.svg#assegna" />
</svg>
Assegna
</a>
<small>
Assegnato a: Bonino
</small>
</div>
</div>
</div>
<div class="l-main-wrapper">
<div class="row">
<div class="col-12">
<div class="row">
<div class="col-12">
<div class="m-underline-nav ">
<a href="#" class="m-underline-nav__child m-underline-nav__child--active">
Vetture
</a>
<a href="#" class="m-underline-nav__child ">
Van
</a>
<a href="#" class="m-underline-nav__child ">
Truck
</a>
<a href="#" class="m-underline-nav__child ">
Smart
</a>
<a href="#" class="m-underline-nav__child ">
Altro
</a>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-10">
<div class="ty-primary">
Dati del contratto.
</div>
</div>
<div class="col-2 l-end">
<div class="a-button a-button--icon">
<svg class="icon icon--column">
<use xlink:href="../../assets/icons.svg#column" />
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row">
<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="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>
<div class="row l-margin-top--small l-bottom">
<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 spaced">
<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">
<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 l-bottom">
<div class="col-4">
<div class="row">
<div class="col-6 spaced">
<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-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 class="col-4">
<div class="row">
<div class="col-6 spaced">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
Telaio (ultimi 8 caratteri)
</div>
<input type="text" value="WDD169XYZ" placeholder="Label Placeholder" disabled>
</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 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>
</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">
Dati commerciali
</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--normal">
<div class="row">
<div class="row">
<div class="col-4">
<div class="row">
<div class="col-6 spaced">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
Label
</div>
<input type="text" value="25.991,80 €" disabled>
</div>
</div>
<div class="col-6">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
Label
</div>
<input type="text" value="25.991,80 €" disabled>
</div>
</div>
</div>
<div class="row l-margin-top--normal">
<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 class="col-4">
<div class="row">
<div class="col-6 spaced">
<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-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 class="row l-margin-top--normal">
<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 class="col-4">
<div class="row">
<div class="col-12">
<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>
<div class="row l-margin-top--normal">
<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>
</div>
<div class="l-main-wrapper l-spacing--v-margin-normal-auto">
<div class="row l-margin-top--small">
<div class="col-12">
<div class="a-button-round">
<svg class="icon icon--more">
<use xlink:href="../../assets/icons.svg#more" />
</svg>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-spacing--v-margin-normal-auto">
<div class="m-footer-controls">
<div class="m-footer-controls__child">
</div>
<div class="m-footer-controls__child">
<div class="a-button">
Esci
</div>
<div class="a-button a-button--transparent">
Annulla
</div>
<div class="a-button a-button--transparent">
Sospendi
</div>
<div class="a-button a-button--azure">
Attiva
</div>
</div>
</div>
</div>
{% render '@header--small' %}
{% render '@proposal-header' %}
<div class="l-main-wrapper">
<div class="row">
<div class="col-12">
<div class="row">
<div class="col-12">
{% render '@underline-nav', menu %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-10">
<div class="ty-primary">
Dati del contratto.
</div>
</div>
<div class="col-2 l-end">
{% render '@buttons--icon', {'id': 'column'} %}
</div>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row">
<div class="col-4">
{% render '@input--text' %}
</div>
<div class="col-4">
{% render '@input--select' %}
</div>
<div class="col-4">
{% render '@input--select' %}
</div>
</div>
<div class="row l-margin-top--small l-bottom">
<div class="col-4">
{% render '@input--text' %}
</div>
<div class="col-4">
<div class="row">
<div class="col-6 spaced">
{% 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 '@input--select' %}
</div>
</div>
<div class="row l-margin-top--small l-bottom">
<div class="col-4">
<div class="row">
<div class="col-6 spaced">
{% render '@input--select' %}
</div>
<div class="col-6">
{% render '@input--select' %}
</div>
</div>
</div>
<div class="col-4">
<div class="row">
<div class="col-6 spaced">
{% render '@input--text', {
text: {
label: "Telaio (ultimi 8 caratteri)",
value: "WDD169XYZ",
disabled: true
}
}, true %}
</div>
<div class="col-6">
{% render '@input--text' %}
</div>
</div>
</div>
<div class="col-4">
{% render '@input--select' %}
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
{% render '@accordion-trigger--active', {
tag: false,
label: "Dati commerciali"
}, true %}
</div>
<div class="l-main-wrapper">
<div class="l-white-container">
<div class="l-main-wrapper l-margin-top--normal">
<div class="row">
<div class="row">
<div class="col-4">
<div class="row">
<div class="col-6 spaced">
{% render '@input--disabled' %}
</div>
<div class="col-6">
{% render '@input--disabled' %}
</div>
</div>
<div class="row l-margin-top--normal">
<div class="col">
{% render '@input--select' %}
</div>
</div>
</div>
<div class="col-4">
<div class="row">
<div class="col-6 spaced">
{% render '@input--text' %}
</div>
<div class="col-6">
{% render '@input--text' %}
</div>
</div>
<div class="row l-margin-top--normal">
<div class="col-6">
{% render '@input--text' %}
</div>
</div>
</div>
<div class="col-4">
<div class="row">
<div class="col-12">
{% render '@digit-box--big' %}
</div>
</div>
<div class="row l-margin-top--normal">
<div class="col-6">
{% render '@digit-box' %}
</div>
<div class="col-6">
{% render '@digit-box' %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-spacing--v-margin-normal-auto">
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@button-round', {"icon": "more"} %}
</div>
</div>
</div>
<div class="l-main-wrapper l-spacing--v-margin-normal-auto">
{% render '@footer-controls', {
"left": [],
"right": [
{
"atom": "buttons",
"value": "Esci"
},
{
"atom": "buttons--transparent",
"value": "Annulla"
},
{
"atom": "buttons--transparent",
"value": "Sospendi"
},
{
"atom": "buttons--azure",
"value": "Attiva"
}
]
} %}
</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.