<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 l-spacing--v-margin-small-auto">
<div class="row l-margin-top--big">
<div class="col-12">
<div class="ty-primary">
Accettazione della proposta.
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-6">
<div class="row">
<div class="col-6">
<div class="a-input a-input--readonly">
<div class="a-input__label">
Soggetto richiedente
</div>
<div class="a-input--readonly-value">Diego Bertolini</div>
</div>
</div>
<div class="col-6">
<div class="a-input a-input--readonly">
<div class="a-input__label">
Prodotto finanziario
</div>
<div class="a-input--readonly-value">Finanziamento BALLOON</div>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="row">
<div class="col-4">
<div class="a-input a-input--readonly">
<div class="a-input__label">
Durata
</div>
<div class="a-input--readonly-value">36 mesi</div>
</div>
</div>
<div class="col-4">
<div class="a-input a-input--readonly">
<div class="a-input__label">
Validità benestare
</div>
<div class="a-input--readonly-value">20 mesi</div>
</div>
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-6">
<div class="row">
<div class="col-6">
<div class="a-input a-input--readonly">
<div class="a-input__label">
Ipoteca
</div>
<div class="a-input--readonly-value">Sì</div>
</div>
</div>
<div class="col-6">
<div class="a-input a-input--readonly">
<div class="a-input__label">
PD
</div>
<div class="a-input--readonly-value">7</div>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="row">
<div class="col-4">
<div class="a-input a-input--readonly">
<div class="a-input__label">
Numero garanti
</div>
<div class="a-input--readonly-value">2</div>
</div>
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-6">
<div class="row">
<div class="col-6">
<div class="a-input a-input--readonly">
<div class="a-input__label">
Esito CDS
</div>
<div class="a-input--readonly-value">Decisione manuale.</div>
</div>
</div>
</div>
</div>
</div>
<div class="l-white-container l-margin-top--normal l-margin-bottom--big">
<div class="l-main-wrapper ">
<div class="row l-margin-top--small">
<div class="col-6">
<div class="row">
<div class="col-6">
<div class="a-digit-box">
<div class="a-digit-box__main">
20.000 €
</div>
<div class="a-digit-box__secondary">
Anticipo
</div>
</div>
</div>
<div class="col-6">
<div class="a-digit-box">
<div class="a-digit-box__main">
30.462,87 €
</div>
<div class="a-digit-box__secondary">
Importo finanziato
</div>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="a-digit-box a-digit-box--big">
<div class="a-digit-box__main">
50.462,87 €
</div>
<div class="a-digit-box__secondary">
Esposizione consolidata totale
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small l-margin-bottom--big l-middle">
<div class="col-6 l-padding-x">
<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">
<a href="#" class="a-link">
<svg class="icon icon--plus-circle">
<use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>
Aggiungi nota
</a>
</div>
</div>
</div>
</div>
<div class="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 a-button--transparent">
Annulla
</div>
<div class="a-button a-button--azure">
Conferma
</div>
</div>
</div>
</div>
<div class="m-modal-window">
<div class="m-modal-window__background"></div>
<div class="m-modal-window__body">
<div class="ty-primary">Accettazione della proposta.</div>
<div class="ty-body l-margin-top--small">Inserisci le tue credenziali per confermare l’operazione.</div>
<div class="l-margin-top--normal">
<div class="a-input a-input--text ">
<div class="a-input__label">
Nome utente
</div>
<input type="text" value="Alvinol">
</div>
<div class="l-margin-top--small">
<div class="a-input a-input--text ">
<div class="a-input__label">
Password
<svg class="icon icon--more">
<use xlink:href="../../assets/icons.svg#more" />
</svg>
</div>
<input type="password" value="Non definito">
</div>
</div>
</div>
<div class="m-modal-window__footer l-margin-top--big">
<div class="row">
<div class="col-6">
<div class="a-button">
Annulla
</div>
</div>
<div class="col-6">
<div class="a-button a-button--azure">
Conferma
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% render '@header--small' %}
{% render '@proposal-header' %}
<div class="l-main-wrapper l-spacing--v-margin-small-auto">
<div class="row l-margin-top--big">
<div class="col-12">
<div class="ty-primary">
Accettazione della proposta.
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-6">
<div class="row">
<div class="col-6">
{% render '@input--readonly', {
"text": {
"label": "Soggetto richiedente",
"value": "Diego Bertolini"
}
}
%}
</div>
<div class="col-6">
{% render '@input--readonly', {
"text": {
"label": "Prodotto finanziario",
"value": "Finanziamento BALLOON"
}
}
%}
</div>
</div>
</div>
<div class="col-6">
<div class="row">
<div class="col-4">
{% render '@input--readonly', {
"text": {
"label": "Durata",
"value": "36 mesi"
}
}
%}
</div>
<div class="col-4">
{% render '@input--readonly', {
"text": {
"label": "Validità benestare",
"value": "20 mesi"
}
}
%}
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-6">
<div class="row">
<div class="col-6">
{% render '@input--readonly', {
"text": {
"label": "Ipoteca",
"value": "Sì"
}
}
%}
</div>
<div class="col-6">
{% render '@input--readonly', {
"text": {
"label": "PD",
"value": "7"
}
}
%}
</div>
</div>
</div>
<div class="col-6">
<div class="row">
<div class="col-4">
{% render '@input--readonly', {
"text": {
"label": "Numero garanti",
"value": "2"
}
}
%}
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-6">
<div class="row">
<div class="col-6">
{% render '@input--readonly', {
"text": {
"label": "Esito CDS",
"value": "Decisione manuale."
}
}
%}
</div>
</div>
</div>
</div>
<div class="l-white-container l-margin-top--normal l-margin-bottom--big">
<div class="l-main-wrapper ">
<div class="row l-margin-top--small">
<div class="col-6">
<div class="row">
<div class="col-6">
{% render '@digit-box', {'main': '20.000 €', 'secondary': 'Anticipo'} %}
</div>
<div class="col-6">
{% render '@digit-box', {'main': '30.462,87 €', 'secondary': 'Importo finanziato'} %}
</div>
</div>
</div>
<div class="col-6">
{% render '@digit-box--big', {'main': '50.462,87 €', 'secondary': 'Esposizione consolidata totale'} %}
</div>
</div>
<div class="row l-margin-top--small l-margin-bottom--big l-middle">
<div class="col-6 l-padding-x">
{% render '@input--select' %}
</div>
<div class="col-6">
{% render '@link', {'label': 'Aggiungi nota', 'icon': 'plus-circle'} %}
</div>
</div>
</div>
</div>
<div class="l-margin-top--normal">
{% render '@footer-controls', {
"left" : [],
"right": [
{
"atom": "buttons--transparent",
"value": "Annulla"
},
{
"atom": "buttons--azure",
"value": "Conferma"
}
]
} %}
</div>
{% render '@modal-window' %}
</div>
{
"menu": {
"full": 1,
"links": [
{
"state": "active",
"label": "Proposta"
},
{
"label": "Soggetti"
},
{
"label": "Banche Dati"
},
{
"label": "Documenti"
},
{
"label": "Note"
}
]
},
"tableList": {
"header": [
{
"label": "SERVIZIO",
"type": "label"
},
{
"label": "BANCA DATI",
"type": "label"
},
{
"label": "DATA",
"type": "label"
},
{
"label": null,
"type": "label"
}
],
"data": [
[
{
"label": "Eurisc",
"type": "label",
"alert": "Moroso"
},
{
"label": "CRIF",
"type": "label"
},
{
"label": "22/09/2017 10:52:43",
"type": "label"
},
{
"label": null,
"type": "actions-mono",
"reverse": 1,
"actions": [
{
"icon": "arrow-down"
}
]
}
],
[
{
"label": "Fraud Analyzer Compliance",
"type": "label"
},
{
"label": "CRIF",
"type": "label"
},
{
"label": "22/09/2017 17:23:09",
"type": "label"
},
{
"label": null,
"type": "actions-mono",
"actions": []
}
],
[
{
"label": "Protesti/pregiudizievoli",
"type": "label"
},
{
"label": "EXPERIAN",
"type": "label"
},
{
"label": "22/09/2017 17:23:09",
"type": "label"
},
{
"label": null,
"type": "actions-mono",
"actions": []
}
],
[
{
"label": "Eurisc",
"type": "label"
},
{
"label": "CRIF",
"type": "label"
},
{
"label": "22/09/2017 17:23:09",
"type": "label"
},
{
"label": null,
"type": "actions-mono",
"actions": []
}
]
]
}
}
There are no notes for this item.