<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">
<div class="col-6 l-padding-right--small">
<div class="row">
<div class="col-12">
<div class="m-underline-nav ">
<a href="#" class="m-underline-nav__child ">
Proposta
</a>
<a href="#" class="m-underline-nav__child m-underline-nav__child--active">
Soggetti
</a>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
<div class="ty-primary">
Proposta.
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
<div class="a-input a-input--text ">
<div class="a-input__label">
Venditore
</div>
<input type="text" value="Marco Bonino">
</div>
<div class="row l-margin-top--small">
<div class="col-12">
<div class="m-accordion-trigger m-accordion-trigger--active">
<div class="m-accordion-trigger__label">
Soggetto richiedente
</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>
<div class="l-white-container">
<div class="l-main-wrapper">
<div class="row l-margin-top--small">
<div class="col-4">
<div class="a-input a-input--text ">
<div class="a-input__label">
Soggetto
</div>
<input type="text" value="Diego Bertolini">
</div>
</div>
<div class="col-4">
<div class="a-input a-input--text ">
<div class="a-input__label">
CF / Partita IVA
</div>
<input type="text" value="20500410-IT0DL1" placeholder="X123XYZ000">
</div>
</div>
<div class="col-4">
<div class="a-input a-input--text ">
<div class="a-input__label">
Tipo
</div>
<input type="text" value="Privato">
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-5">
<div class="a-input a-input--text ">
<div class="a-input__label">
Telefono
</div>
<input type="text" value="0665447765">
</div>
</div>
<div class="col-6 col-offset-1">
<div class="a-input a-input--text ">
<div class="a-input__label">
Indirizzo
</div>
<input type="text" value="Via dell'Amba Aradam, 27 Roma">
</div>
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
<div class="m-accordion-trigger">
<div class="m-accordion-trigger__label">
Prodotto
</div>
<div class="m-accordion-trigger__icons">
<svg class="icon icon--arrow-up">
<use xlink:href="../../assets/icons.svg#arrow-up" />
</svg>
</div>
</div>
</div>
</div>
<div class="l-white-container">
<div class="l-main-wrapper">
<div class="row l-margin-top--small">
<div class="col-4">
<div class="a-input a-input--text ">
<div class="a-input__label">
Prodotto
</div>
<input type="text" value="" placeholder="Vetture">
</div>
</div>
<div class="col-4 col-offset-1">
<div class="a-input a-input--text ">
<div class="a-input__label">
Modello
</div>
<input type="text" value="" placeholder="Classe A">
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-7">
<div class="a-input a-input--text ">
<div class="a-input__label">
Versione
</div>
<input type="text" value="A200d AUTOMATIC 4MATIC EXECUTIVE">
</div>
</div>
<div class="col-4 col-offset-1">
<div class="a-input a-input--text ">
<div class="a-input__label">
</div>
<input type="text" value="Immatricolazione">
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
<div class="a-input a-input--text ">
<div class="a-input__label">
</div>
<input type="text" value="Km Max">
</div>
</div>
<div class="col-4 col-offset-1 l-spacing--v-margin-small-auto">
<label class="a-checkbox " for="field-id-3605">
<input type="checkbox" id="field-id-3605">
<span></span>
<div class="ty-body">
Nuovo
</div>
</label>
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
<div class="m-accordion-trigger">
<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>
<div class="a-service-card">
<div class="a-service-card__name">
<svg class="icon icon--">
<use xlink:href="../../assets/icons.svg#" />
</svg> Configurazione Proposta e servizi
</div>
<div class="a-service-card__price">
<svg class="icon icon--">
<use xlink:href="../../assets/icons.svg#" />
</svg>
<svg class="icon icon--">
<use xlink:href="../../assets/icons.svg#" />
</svg>
</div>
</div>
<div class="l-white-container ">
<div class="l-main-wrapper">
<div class="row">
<div class="col-12 l-end">
<a href="#" class="a-link">
<svg class="icon icon--pen">
<use xlink:href="../../assets/icons.svg#pen" />
</svg>
Modifica i dati
</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="m-accordion-trigger">
<div class="m-accordion-trigger__label">
Campagna
</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>
<div class="row">
<div class="col-12">
<div class="m-accordion-trigger">
<div class="m-accordion-trigger__label">
Servizi
</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>
<div class="row">
<div class="col-12">
<div class="m-accordion-trigger">
<div class="m-accordion-trigger__label">
Configurazione finanziaria
</div>
<div class="m-accordion-trigger__icons">
<svg class="icon icon--arrow-up">
<use xlink:href="../../assets/icons.svg#arrow-up" />
</svg>
</div>
</div>
</div>
</div>
<div class="l-white-container ">
<div class="l-main-wrapper">
<div class="row l-margin-top--small">
<div class="col-5">
<div class="a-input a-input--select a-input--disabled">
<div class="a-input__label">
Prodotto finanziario
</div>
<select name="" id="" disabled>
<option value="FB - Finanziamento Baloon"> FB - Finanziamento Baloon</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-4">
<div class="a-input a-input--select a-input--disabled">
<div class="a-input__label">
Durata ( 2 / 72 mesi)
</div>
<select name="" id="" disabled>
<option value="36 mesi"> 36 mesi</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 a-input--disabled">
<div class="a-input__label">
Frequenza
</div>
<select name="" id="" disabled>
<option value="Mensile"> Mensile</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 a-input--disabled">
<div class="a-input__label">
Decorrenza
</div>
<select name="" id="" disabled>
<option value="30 giorni"> 30 giorni</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-4">
<div class="a-input a-input--select a-input--disabled">
<div class="a-input__label">
Kilometraggio
</div>
<select name="" id="" disabled>
<option value="20.000 km"> 20.000 km</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 a-input--disabled">
<div class="a-input__label">
Tipo di interesse
</div>
<select name="" id="" disabled>
<option value="Fisso"> Fisso</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-5">
<div class="a-digit-box a-digit-box--big">
<div class="a-digit-box__main">
30.998,87 €
</div>
<div class="a-digit-box__secondary">
Importo totale <span>(IVA inclusa)</span>
</div>
</div>
</div>
<div class="col-5">
<div class="a-digit-box a-digit-box--big">
<div class="a-digit-box__main">
25.767,98 €
</div>
<div class="a-digit-box__secondary">
Importo finanziato <span>(IVA inclusa)</span>
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-5">
<div class="a-digit-box">
<div class="a-digit-box__main">
500,00 €
</div>
<div class="a-digit-box__secondary">
IPT
</div>
</div>
</div>
<div class="col-5">
<div class="a-digit-box">
<div class="a-digit-box__main">
500,00 €
</div>
<div class="a-digit-box__secondary">
MSS
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
<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
<span>
label
</span>
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
<div class="a-input a-input--text ">
<div class="a-input__label">
Percentuale finanziamento
</div>
<input type="text" value="" placeholder="20%">
</div>
</div>
<div class="col-4">
<div class="a-input a-input--text ">
<div class="a-input__label">
Importo finanziato
</div>
<input type="text" value="" placeholder="6.499,00 €">
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
<div class="a-digit-box">
<div class="a-digit-box__main">
77,68 €
</div>
<div class="a-digit-box__secondary">
Servizi assicurativi
</div>
</div>
</div>
<div class="col-4">
<div class="a-digit-box">
<div class="a-digit-box__main">
77,68 €
</div>
<div class="a-digit-box__secondary">
Servizi di raccordo
</div>
</div>
</div>
<div class="col-4">
<div class="a-digit-box a-digit-box--big">
<div class="a-digit-box__main">
2.035,23 €
</div>
<div class="a-digit-box__secondary">
Importo totale
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4 l-spacing--v-margin-small-auto">
<div class="a-onoffswitch">
<div class="a-onoffswitch__element">
<input type="checkbox" name="idswitch" class="a-onoffswitch__checkbox" id="idswitch" }>
<label class="a-onoffswitch__circle" for="idswitch"></label>
</div>
<div class="a-onoffswitch__label">
Rata
</div>
</div>
</div>
<div class="col-8"></div>
</div>
<div class="row l-margin-top--small">
<div class="col-4 l-spacing--v-margin-small-auto">
<div class="a-onoffswitch">
<div class="a-onoffswitch__element">
<input type="checkbox" name="idswitch" class="a-onoffswitch__checkbox" id="idswitch" }>
<label class="a-onoffswitch__circle" for="idswitch"></label>
</div>
<div class="a-onoffswitch__label">
Balloon
</div>
</div>
</div>
<div class="col-8"></div>
</div>
<div class="row l-margin-top--small">
<div class="col-4 l-spacing--v-margin-small-auto">
<div class="a-onoffswitch">
<div class="a-onoffswitch__element">
<input type="checkbox" name="idswitch" class="a-onoffswitch__checkbox" id="idswitch" }>
<label class="a-onoffswitch__circle" for="idswitch"></label>
</div>
<div class="a-onoffswitch__label">
TAN
</div>
</div>
</div>
<div class="col-4">
<div class="a-input a-input--text ">
<div class="a-input__label">
</div>
<input type="text" value="" placeholder="3,40%">
</div>
</div>
<div class="col-4"></div>
</div>
<div class="row l-margin-top--small l-margin-bottom--normal">
<div class="col-4">
<div class="a-digit-box">
<div class="a-digit-box__main">
4,74%
</div>
<div class="a-digit-box__secondary">
TAEG
</div>
</div>
</div>
<div class="col-4">
<div class="a-input a-input--text ">
<div class="a-input__label">
Spese di istruttoria
</div>
<input type="text" value="" placeholder="300 €">
</div>
</div>
<div class="col-4"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="m-accordion-trigger">
<div class="m-accordion-trigger__label">
Riepilogo rate
</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>
<div class="row">
<div class="col-12">
<div class="m-accordion-trigger">
<div class="m-accordion-trigger__label">
Dettagli
</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>
<div class="l-white-container ">
<div class="l-main-wrapper">
<div class="row">
<div class="col-12 l-end">
<a href="#" class="a-link">
<svg class="icon icon--pen">
<use xlink:href="../../assets/icons.svg#pen" />
</svg>
Modifica i dati
</a>
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
<div class="m-accordion-trigger">
<div class="m-accordion-trigger__label">
Dettagli vendita
</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>
<div class="row l-margin-top--small">
<div class="col-12">
<div class="m-accordion-trigger">
<div class="m-accordion-trigger__label">
Esposizioni e insoluti
</div>
<div class="m-accordion-trigger__icons">
<svg class="icon icon--arrow-up">
<use xlink:href="../../assets/icons.svg#arrow-up" />
</svg>
</div>
</div>
</div>
</div>
<div class="l-white-container ">
<div class="l-main-wrapper">
<div class="row">
<div class="col-4">
<div class="a-digit-box">
<div class="a-digit-box__main">
50.462,67 €
</div>
<div class="a-digit-box__secondary">
Esposizione Merfina
</div>
</div>
</div>
<div class="col-4">
<div class="a-digit-box">
<div class="a-digit-box__main">
0,0 €
</div>
<div class="a-digit-box__secondary">
Esposizione NLT
</div>
</div>
</div>
<div class="col-4 l-end">
<a href="#" class="a-link">
Dettagli
</a>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
<div class="a-digit-box">
<div class="a-digit-box__main">
50.462,67 €
</div>
<div class="a-digit-box__secondary">
Esposizione Merfina richiedente
</div>
</div>
</div>
<div class="col-4">
<div class="a-digit-box">
<div class="a-digit-box__main">
0,0 €
</div>
<div class="a-digit-box__secondary">
Esposizione NLT richiedente
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
<div class="a-digit-box">
<div class="a-digit-box__main">
0,0 €
</div>
<div class="a-digit-box__secondary">
Insoluto Merfina
</div>
</div>
</div>
<div class="col-4">
<div class="a-digit-box">
<div class="a-digit-box__main">
0,0 €
</div>
<div class="a-digit-box__secondary">
Insoluto NLT
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
<div class="a-digit-box">
<div class="a-digit-box__main">
0,0 €
</div>
<div class="a-digit-box__secondary">
Insoluto Merfina richiedente
</div>
</div>
</div>
<div class="col-4">
<div class="a-digit-box">
<div class="a-digit-box__main">
0,0 €
</div>
<div class="a-digit-box__secondary">
Insoluto NLT richiedente
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
<div class="a-digit-box a-digit-box--big">
<div class="a-digit-box__main">
50.462,67 €
</div>
<div class="a-digit-box__secondary">
Esposizione consolidata totale
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
<div class="a-input a-input--text ">
<div class="a-input__label">
Venditore
</div>
<input type="text" value="Non Definito">
</div>
</div>
<div class="col-4">
<div class="a-input a-input--text ">
<div class="a-input__label">
Sales
</div>
<input type="text" value="Non Definito">
</div>
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
<div class="m-accordion-trigger">
<div class="m-accordion-trigger__label">
Soggetto richiedente
</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>
<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>
</div>
<div class="col-6">
<div class="row">
<div class="col-12">
<div class="m-underline-nav ">
<a href="#" class="m-underline-nav__child m-underline-nav__child--active">
Banche Dati
</a>
<a href="#" class="m-underline-nav__child ">
Documenti
</a>
<a href="#" class="m-underline-nav__child ">
Note
</a>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
<div class="ty-primary">
Banche dati.
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
<div class="m-accordion-trigger">
<div class="m-accordion-trigger__label">
Diego Bertolini
</div>
<div class="m-accordion-trigger__icons">
<div class="m-accordion-trigger__sublabel">Titolare effettivo, GarantE</div>
<svg class="icon icon--arrow-up">
<use xlink:href="../../assets/icons.svg#arrow-up" />
</svg>
</div>
</div>
<div class="l-white-container">
<div class="">
<div class="row">
<div class="col-12">
<table class="m-table-list m-table-list--row-hover">
<thead class="m-table-list__header">
<tr class="m-table-list__row">
<td class="m-table-list__col m-table-list__col--label">
SERVIZIO
</td>
<td class="m-table-list__col m-table-list__col--label">
BANCA DATI
</td>
<td class="m-table-list__col m-table-list__col--label">
DATA
</td>
<td class="m-table-list__col m-table-list__col--label">
</td>
</tr>
</thead>
<tbody class="m-table-list__data">
<tr class="m-table-list__row">
<td class="m-table-list__col m-table-list__col--label ">
<div class="h-ellipsis m-table-list__alert" title="Eurisc">
<div class="m-table-list__alerticon">
</div>
<div class="m-table-list__alerttd">
Eurisc
</div>
</div>
</td>
<td class="m-table-list__col m-table-list__col--label ">
<div class="h-ellipsis m-table-list__alert" title="CRIF">
<div class="m-table-list__alerticon">
</div>
<div class="m-table-list__alerttd">
CRIF
</div>
</div>
</td>
<td class="m-table-list__col m-table-list__col--label ">
<div class="h-ellipsis m-table-list__alert" title="22/09/2017 10:52:43">
<div class="m-table-list__alerticon">
</div>
<div class="m-table-list__alerttd">
22/09/2017 10:52:43
</div>
</div>
</td>
<td class="m-table-list__col m-table-list__col--actions-mono ">
<div class="m-action-controls">
<div class="m-action-controls__child">
<svg class="icon icon--arrow-up">
<use xlink:href="../../assets/icons.svg#arrow-up" />
</svg>
</div>
</div>
</td>
</tr>
<tr class="m-table-list__row m-table-list__row-details">
<td colspan="4" class="m-table-list__col m-table-list__col-- bg-white">
<div class="l-margin-top-normal">
<div class="row">
<div class="col-12 l-end">
<a href="#" class="a-link">
Dettagli
</a>
</div>
</div>
<div class="row">
<div class="col-6">
<div class="a-input a-input--readonly">
<div class="a-input__label">
Proposta
</div>
<div class="a-input--readonly-value">1001004798</div>
</div>
</div>
<div class="col-6">
<div class="a-input a-input--readonly">
<div class="a-input__label">
Soggetto
</div>
<div class="a-input--readonly-value">Diego Bertolini</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-6">
<div class="ty-medium black">CRIF</div>
</div>
<div class="col-6">
<div class="ty-medium black">201709221523451</div>
</div>
</div>
<div class="row l-margin-top--small l-margin-bottom--small">
<div class="col-6">
<div class="ty-breakall">
<span class="ty-demi">Fascia:</span> <span class="ty-medium">Non valutato</span>
</div>
<div class="ty-breakall">
<span class="ty-demi">Cod. Crif. anag:</span> <span class="ty-medium">M28127878</span>
</div>
<div class="ty-breakall">
<span class="ty-demi">C.F.:</span> <span class="ty-medium">BRTDGI84C28I449S</span>
</div>
</div>
<div class="col-6">
<div class="ty-breakall">
<span class="ty-demi">Interruzione nuovo contratto<br/> Cod. Crif. operazione:</span><br/> <span class="ty-medium">G29293694</span>
</div>
</div>
</div>
<hr/>
<table class="m-table-list">
<thead class="m-table-list__header">
<tr class="m-table-list__row">
<td class="m-table-list__col m-table-list__col--label">
</td>
<td class="m-table-list__col m-table-list__col--label">
RICHIESTI
</td>
<td class="m-table-list__col m-table-list__col--label">
RIFIUTATI
</td>
<td class="m-table-list__col m-table-list__col--label">
RINUNCIATI
</td>
<td class="m-table-list__col m-table-list__col--label">
ACCORDATI
</td>
<td class="m-table-list__col m-table-list__col--label">
ESTINTI
</td>
</tr>
</thead>
<tbody class="m-table-list__data">
<tr class="m-table-list__row">
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Rateali">
Rateali
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
</tr>
<tr class="m-table-list__row">
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Non rateali">
Non rateali
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
</tr>
<tr class="m-table-list__row">
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Carte">
Carte
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
</tr>
<tr class="m-table-list__row">
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Totale posizioni">
Totale posizioni
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
</tr>
<tr class="m-table-list__row">
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Enti segnalanti">
Enti segnalanti
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
</tr>
</tbody>
</table>
<div class="row l-margin-bottom--small">
<div class="col-6">
<div class="a-input a-input--readonly">
<div class="a-input__label">
</div>
<div class="a-input--readonly-value">Di cui a perdita: 0</div>
</div>
</div>
<div class="col-6">
<div class="a-input a-input--readonly">
<div class="a-input__label">
</div>
<div class="a-input--readonly-value">In sofferenza: 0</div>
</div>
</div>
</div>
<hr/>
<div class="l-margin-bottom--small">
<table class="m-table-list">
<thead class="m-table-list__header">
<tr class="m-table-list__row">
<td class="m-table-list__col m-table-list__col--label">
</td>
<td class="m-table-list__col m-table-list__col--label">
RICHIESTI
</td>
<td class="m-table-list__col m-table-list__col--label">
RIFIUTATI
</td>
<td class="m-table-list__col m-table-list__col--label">
RINUNCIATI
</td>
<td class="m-table-list__col m-table-list__col--label">
ACCORDATI
</td>
<td class="m-table-list__col m-table-list__col--label">
ESTINTI
</td>
</tr>
</thead>
<tbody class="m-table-list__data">
<tr class="m-table-list__row">
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Rateali">
Rateali
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
</tr>
<tr class="m-table-list__row">
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Non rateali">
Non rateali
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
</tr>
<tr class="m-table-list__row">
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Carte">
Carte
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
</tr>
<tr class="m-table-list__row">
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Totale posizioni">
Totale posizioni
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
</tr>
<tr class="m-table-list__row">
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="Enti segnalanti">
Enti segnalanti
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
<td class="m-table-list__col m-table-list__col--label">
<div class="h-ellipsis" title="0">
0
</div>
</td>
</tr>
</tbody>
</table>
</div>
<hr/>
<div class="row l-margin-top--small">
<div class="col-12">
<div class="ty-medium black">Operazioni non perfezionate</div>
</div>
</div>
<div class="row l-margin-top--small l-margin-bottom--small">
<div class="col-6">
<div class="ty-breakall">
<span class="ty-demi">Anagrafiche:</span> <span class="ty-medium">1</span>
</div>
<div class="ty-breakall">
<span class="ty-demi">Residenze:</span> <span class="ty-medium">1</span>
</div>
</div>
<div class="col-6">
<div class="ty-breakall">
<span class="ty-demi">Legami socio/società:</span> <span class="ty-medium">No</span>
</div>
<div class="ty-breakall">
<span class="ty-demi">Insolv. ultimi 12 mesi:</span> <span class="ty-medium">0</span>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="m-table-list__row">
<td class="m-table-list__col m-table-list__col--label ">
<div class="h-ellipsis m-table-list__alert" title="Fraud Analyzer Compliance">
<div class="m-table-list__alerticon">
</div>
<div class="m-table-list__alerttd">
Fraud Analyzer Compliance
</div>
</div>
</td>
<td class="m-table-list__col m-table-list__col--label ">
<div class="h-ellipsis m-table-list__alert" title="CRIF">
<div class="m-table-list__alerticon">
</div>
<div class="m-table-list__alerttd">
CRIF
</div>
</div>
</td>
<td class="m-table-list__col m-table-list__col--label ">
<div class="h-ellipsis m-table-list__alert" title="22/09/2017 17:23:09">
<div class="m-table-list__alerticon">
</div>
<div class="m-table-list__alerttd">
22/09/2017 17:23:09
</div>
</div>
</td>
<td class="m-table-list__col m-table-list__col--actions-mono ">
<div class="m-action-controls">
</div>
</td>
</tr>
<tr class="m-table-list__row">
<td class="m-table-list__col m-table-list__col--label ">
<div class="h-ellipsis m-table-list__alert" title="Protesti/pregiudizievoli">
<div class="m-table-list__alerticon">
<svg class="icon icon--error">
<use xlink:href="../../assets/icons.svg#error" />
</svg>
</div>
<div class="m-table-list__alerttd">
Protesti/pregiudizievoli
<small>Moroso</small>
</div>
</div>
</td>
<td class="m-table-list__col m-table-list__col--label ">
<div class="h-ellipsis m-table-list__alert" title="EXPERIAN">
<div class="m-table-list__alerticon">
</div>
<div class="m-table-list__alerttd">
EXPERIAN
</div>
</div>
</td>
<td class="m-table-list__col m-table-list__col--label ">
<div class="h-ellipsis m-table-list__alert" title="22/09/2017 17:23:09">
<div class="m-table-list__alerticon">
</div>
<div class="m-table-list__alerttd">
22/09/2017 17:23:09
</div>
</div>
</td>
<td class="m-table-list__col m-table-list__col--actions-mono ">
<div class="m-action-controls">
</div>
</td>
</tr>
<tr class="m-table-list__row">
<td class="m-table-list__col m-table-list__col--label ">
<div class="h-ellipsis m-table-list__alert" title="Eurisc">
<div class="m-table-list__alerticon">
</div>
<div class="m-table-list__alerttd">
Eurisc
</div>
</div>
</td>
<td class="m-table-list__col m-table-list__col--label ">
<div class="h-ellipsis m-table-list__alert" title="CRIF">
<div class="m-table-list__alerticon">
</div>
<div class="m-table-list__alerttd">
CRIF
</div>
</div>
</td>
<td class="m-table-list__col m-table-list__col--label ">
<div class="h-ellipsis m-table-list__alert" title="22/09/2017 17:23:09">
<div class="m-table-list__alerticon">
</div>
<div class="m-table-list__alerttd">
22/09/2017 17:23:09
</div>
</div>
</td>
<td class="m-table-list__col m-table-list__col--actions-mono ">
<div class="m-action-controls">
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
<div class="m-accordion-trigger">
<div class="m-accordion-trigger__label">
Francesca Romana Ferracini
</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>
<div class="row l-margin-top--small">
<div class="col-12">
<div class="m-accordion-trigger">
<div class="m-accordion-trigger__label">
Mario Rossi
</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>
<div class="row l-margin-top--small">
<div class="col-12">
<div class="m-accordion-trigger">
<div class="m-accordion-trigger__label">
Carla Mastandrea
</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>
<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>
</div>
<div class="l-main-wrapper l-spacing--v-margin-normal-auto m-accordion-row__controls">
<div class="m-footer-controls">
<div class="m-footer-controls__child">
<div class="a-button">
Ripristina
</div>
<div class="a-button">
Esci
</div>
<div class="a-button a-button--transparent">
Rifiuta
</div>
<div class="a-button a-button--transparent">
Annulla
</div>
<div class="a-button a-button--azure">
Convalida documenti
</div>
</div>
</div>
</div>
{% render '@header--small' %}
{% render '@proposal-header' %}
<div class="l-main-wrapper l-spacing--v-margin-small-auto">
<div class="row">
<div class="col-6 l-padding-right--small">
<div class="row">
<div class="col-12">
{% render '@underline-nav', leftMenu %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
<div class="ty-primary">
Proposta.
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@input--text', {
"text": {
"label": "Venditore",
"value": "Marco Bonino"
}
} %}
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@accordion-trigger--active', {
"label": "Soggetto richiedente"
}
%}
</div>
</div>
<div class="l-white-container">
<div class="l-main-wrapper">
<div class="row l-margin-top--small">
<div class="col-4">
{% render '@input--text', {
"text": {
"label": "Soggetto",
"value": "Diego Bertolini"
}
} %}
</div>
<div class="col-4">
{% render '@input--text', {
"text": {
"label": "CF / Partita IVA",
"placeholder": "X123XYZ000",
"value": "20500410-IT0DL1"
}
} %}
</div>
<div class="col-4">
{% render '@input--text', {
"text": {
"label": "Tipo",
"value": "Privato"
}
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-5">
{% render '@input--text', {
"text": {
"label": "Telefono",
"value": "0665447765"
}
} %}
</div>
<div class="col-6 col-offset-1">
{% render '@input--text', {
"text": {
"label": "Indirizzo",
"value": "Via dell'Amba Aradam, 27 Roma"
}
} %}
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@accordion-trigger--open', {
"label": "Prodotto"
}
%}
</div>
</div>
<div class="l-white-container">
<div class="l-main-wrapper">
<div class="row l-margin-top--small">
<div class="col-4">
{% render '@input--text', {
"text": {
"label": "Prodotto",
"placeholder": "Vetture"
}
} %}
</div>
<div class="col-4 col-offset-1">
{% render '@input--text', {
"text": {
"label": "Modello",
"placeholder": "Classe A"
}
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-7">
{% render '@input--text', {
"text": {
"label": "Versione",
"value": "A200d AUTOMATIC 4MATIC EXECUTIVE"
}
} %}
</div>
<div class="col-4 col-offset-1">
{% render '@input--text', {
"text": {
"label": "",
"value": "Immatricolazione"
}
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
{% render '@input--text', {
"text": {
"label": "",
"value": "Km Max"
}
} %}
</div>
<div class="col-4 col-offset-1 l-spacing--v-margin-small-auto">
{% render '@checkbox', {
"label": "Nuovo"
} %}
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@accordion-trigger', {
"label": "Dati commerciali"
}
%}
</div>
</div>
{% render '@service-card', {
"name": "Configurazione Proposta e servizi"
}
%}
<div class="l-white-container ">
<div class="l-main-wrapper">
<div class="row">
<div class="col-12 l-end">
{% render '@link', {
"label": "Modifica i dati",
"icon": "pen"
}
%}
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
{% render '@accordion-trigger', {
"label": "Campagna"
}
%}
</div>
</div>
<div class="row">
<div class="col-12">
{% render '@accordion-trigger', {
"label": "Servizi"
}
%}
</div>
</div>
<div class="row">
<div class="col-12">
{% render '@accordion-trigger--open', {
"label": "Configurazione finanziaria"
}
%}
</div>
</div>
<div class="l-white-container ">
<div class="l-main-wrapper">
<div class="row l-margin-top--small">
<div class="col-5">
{% render '@input--select', {
"select": {
"disabled": true,
"label" : "Prodotto finanziario",
"values": ["FB - Finanziamento Baloon"]
}
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
{% render '@input--select', {
"select": {
"disabled": true,
"label" : "Durata ( 2 / 72 mesi)",
"values": ["36 mesi"]
}
} %}
</div>
<div class="col-4">
{% render '@input--select', {
"select": {
"disabled": true,
"label" : "Frequenza",
"values": ["Mensile"]
}
} %}
</div>
<div class="col-4">
{% render '@input--select', {
"select": {
"disabled": true,
"label" : "Decorrenza",
"values": ["30 giorni"]
}
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
{% render '@input--select', {
"select": {
"disabled": true,
"label" : "Kilometraggio",
"values": ["20.000 km"]
}
} %}
</div>
<div class="col-4">
{% render '@input--select', {
"select": {
"disabled": true,
"label" : "Tipo di interesse",
"values": ["Fisso"]
}
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-5">
{% render '@digit-box--big', {'main': '30.998,87 €', 'secondary': 'Importo totale <span>(IVA inclusa)</span>'} %}
</div>
<div class="col-5">
{% render '@digit-box--big', {'main': '25.767,98 €', 'secondary': 'Importo finanziato <span>(IVA inclusa)</span>'} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-5">
{% render '@digit-box', {'main': '500,00 €', 'secondary': 'IPT'} %}
</div>
<div class="col-5">
{% render '@digit-box', {'main': '500,00 €', 'secondary': 'MSS'} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@onoff-switch--small-label' %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
{% render '@input--text', {
"text": {
"label": "Percentuale finanziamento",
"placeholder": "20%"
}
} %}
</div>
<div class="col-4">
{% render '@input--text', {
"text": {
"label": "Importo finanziato",
"placeholder": "6.499,00 €"
}
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
{% render '@digit-box', {'main': '77,68 €', 'secondary': 'Servizi assicurativi'} %}
</div>
<div class="col-4">
{% render '@digit-box', {'main': '77,68 €', 'secondary': 'Servizi di raccordo'} %}
</div>
<div class="col-4">
{% render '@digit-box--big', {'main': '2.035,23 €', 'secondary': 'Importo totale'} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4 l-spacing--v-margin-small-auto">
{% render '@onoff-switch', {
"label": "Rata"
} %}
</div>
<div class="col-8"></div>
</div>
<div class="row l-margin-top--small">
<div class="col-4 l-spacing--v-margin-small-auto">
{% render '@onoff-switch', {
"label": "Balloon"
} %}
</div>
<div class="col-8"></div>
</div>
<div class="row l-margin-top--small">
<div class="col-4 l-spacing--v-margin-small-auto">
{% render '@onoff-switch', {
"label": "TAN"
} %}
</div>
<div class="col-4">
{% render '@input--text', {
"text": {
"label": "",
"placeholder": "3,40%"
}
} %}
</div>
<div class="col-4"></div>
</div>
<div class="row l-margin-top--small l-margin-bottom--normal">
<div class="col-4">
{% render '@digit-box', {
"main": "4,74%",
"secondary": "TAEG"
} %}
</div>
<div class="col-4">
{% render '@input--text', {
"text": {
"label": "Spese di istruttoria",
"placeholder": "300 €"
}
} %}
</div>
<div class="col-4"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
{% render '@accordion-trigger', {
"label": "Riepilogo rate"
}
%}
</div>
</div>
<div class="row">
<div class="col-12">
{% render '@accordion-trigger', {
"label": "Dettagli"
}
%}
</div>
</div>
<div class="l-white-container ">
<div class="l-main-wrapper">
<div class="row">
<div class="col-12 l-end">
{% render '@link', {
"label": "Modifica i dati",
"icon": "pen"
}
%}
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@accordion-trigger', {
"label": "Dettagli vendita"
}
%}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@accordion-trigger--open', {
"label": "Esposizioni e insoluti"
}
%}
</div>
</div>
<div class="l-white-container ">
<div class="l-main-wrapper">
<div class="row">
<div class="col-4">
{% render '@digit-box', {
"main": "50.462,67 €",
"secondary": "Esposizione Merfina"
} %}
</div>
<div class="col-4">
{% render '@digit-box', {
"main": "0,0 €",
"secondary": "Esposizione NLT"
} %}
</div>
<div class="col-4 l-end">
{% render '@link', {
"label": "Dettagli"
}
%}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
{% render '@digit-box', {
"main": "50.462,67 €",
"secondary": "Esposizione Merfina richiedente"
} %}
</div>
<div class="col-4">
{% render '@digit-box', {
"main": "0,0 €",
"secondary": "Esposizione NLT richiedente"
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
{% render '@digit-box', {
"main": "0,0 €",
"secondary": "Insoluto Merfina"
} %}
</div>
<div class="col-4">
{% render '@digit-box', {
"main": "0,0 €",
"secondary": "Insoluto NLT"
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
{% render '@digit-box', {
"main": "0,0 €",
"secondary": "Insoluto Merfina richiedente"
} %}
</div>
<div class="col-4">
{% render '@digit-box', {
"main": "0,0 €",
"secondary": "Insoluto NLT richiedente"
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@digit-box--big', {
"main": "50.462,67 €",
"secondary": "Esposizione consolidata totale"
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
{% render '@input--text', {
"text": {
"label": "Venditore",
"value": "Non Definito"
}
} %}
</div>
<div class="col-4">
{% render '@input--text', {
"text": {
"label": "Sales",
"value": "Non Definito"
}
} %}
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@accordion-trigger', {
"label": "Soggetto richiedente"
}
%}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@button-round', {"icon": "more"} %}
</div>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="row">
<div class="col-12">
{% render '@underline-nav', rightMenu %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
<div class="ty-primary">
Banche dati.
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@accordion-trigger--open', { "label": "Diego Bertolini", "sublabel_icons": "Titolare effettivo, GarantE" } %}
<div class="l-white-container">
<div class="">
<div class="row">
<div class="col-12">
{% render '@table-list--alert', tableList %}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@accordion-trigger', { "label": "Francesca Romana Ferracini" } %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@accordion-trigger', { "label": "Mario Rossi" } %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@accordion-trigger', { "label": "Carla Mastandrea" } %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@button-round', {"icon": "more"} %}
</div>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-spacing--v-margin-normal-auto m-accordion-row__controls">
{% render '@footer-controls', {
"right": [
{
"atom": "buttons",
"value": "Ripristina"
},
{
"atom": "buttons",
"value": "Esci"
},
{
"atom": "buttons--transparent",
"value": "Rifiuta"
},
{
"atom": "buttons--transparent",
"value": "Annulla"
},
{
"atom": "buttons--azure",
"value": "Convalida documenti"
}
]
} %}
</div>
{
"leftMenu": {
"links": [
{
"label": "Proposta"
},
{
"state": "active",
"label": "Soggetti"
}
]
},
"rightMenu": {
"links": [
{
"state": "active",
"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"
},
{
"label": "CRIF",
"type": "label"
},
{
"label": "22/09/2017 10:52:43",
"type": "label"
},
{
"label": null,
"type": "actions-mono",
"reverse": 1,
"accordion": "data-bank-details",
"actions": [
{
"icon": "arrow-up"
}
]
}
],
[
{
"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",
"alert": "Moroso"
},
{
"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.