<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-10">
<div class="ty-primary">
Lista dei soggetti.
</div>
</div>
<div class="col-2 l-end">
<div class="a-button a-button--icon">
<svg class="icon icon--move_column">
<use xlink:href="../../assets/icons.svg#move_column" />
</svg>
</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 class="m-accordion-trigger__sublabel">Titolare effettivo, GarantE</div>
</div>
<div class="m-accordion-trigger__icons">
<div class="a-indicator danger ">
F.S.
</div>
<div class="a-indicator active a-indicator__outline ">
SCIP.
</div>
<div class="a-indicator active a-indicator__outline ">
I.F.
</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="l-main-wrapper">
<div class="row">
<div class="col-12">
<label class="a-checkbox a-checkbox--disabled " for="field-id-9563">
<input type="checkbox" disabled id="field-id-9563">
<span></span>
<div class="ty-body">
PEP
</div>
</label>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
Cognome
</div>
<input type="text" value="" placeholder="Bertolini" disabled>
</div>
</div>
<div class="col-4">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
Nome
</div>
<input type="text" value="" placeholder="Fabio" disabled>
</div>
</div>
<div class="col-4">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
Codice Fiscale
</div>
<input type="text" value="" placeholder="BRTDGI84C28I449S" disabled>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
<div class="a-input a-input--radio-circle a-input--disabled">
<div class="a-input__label">
</div>
<label class="a-input--radio-tab">
<input type="radio" name="gender" checked disabled >
<span>
<span></span>
</span>
M
</label>
<label class="a-input--radio-tab">
<input type="radio" name="gender" disabled >
<span>
<span></span>
</span>
F
</label>
</div>
</div>
<div class="col-4">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
Codice identificativo
</div>
<input type="text" value="" placeholder="391475436" disabled>
</div>
</div>
<div class="col-4">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
Data di nascita
</div>
<input type="text" value="" placeholder="28/12/1964" disabled>
<div class="a-input__icon">
<svg class="icon icon--calendar">
<use xlink:href="../../assets/icons.svg#calendar" />
</svg>
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
Luogo di nascita
</div>
<input type="text" value="" placeholder="Roma" disabled>
</div>
</div>
<div class="col-4">
<div class="a-input a-input--select a-input--disabled">
<div class="a-input__label">
Value
</div>
<select name="" id="" disabled>
<option value="Select Option"> Select Option</option>
</select>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
<div class="col-4 l-spacing--v-margin-small-auto">
<label class="a-checkbox a-checkbox--disabled " for="field-id-6471">
<input type="checkbox" disabled checked="checked" id="field-id-6471">
<span></span>
<div class="ty-body">
Cittadinanza italiana
</div>
</label>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
Codice identificativo
</div>
<input type="text" value="" placeholder="391475436" disabled>
</div>
</div>
<div class="col-8">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
Indirizzo
</div>
<input type="text" value="" placeholder="Via Carlo Marx" disabled>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
Civico
</div>
<input type="text" value="" placeholder="321" disabled>
</div>
</div>
<div class="col-4">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
Città
</div>
<input type="text" value="" placeholder="Sarzana" disabled>
</div>
</div>
<div class="col-4">
<div class="a-input a-input--select a-input--disabled">
<div class="a-input__label">
Value
</div>
<select name="" id="" disabled>
<option value="Select Option"> Select Option</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--text a-input--disabled">
<div class="a-input__label">
Cap
</div>
<input type="text" value="" placeholder="00123" disabled>
</div>
</div>
<div class="col-4">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
Telefono
</div>
<input type="text" value="" placeholder="081234567" disabled>
</div>
</div>
<div class="col-4">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
Cellulare
</div>
<input type="text" value="" placeholder="32081234567" disabled>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-5">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
Fax
</div>
<input type="text" value="" placeholder="081234567" disabled>
</div>
</div>
<div class="col-6 col-offset-1">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
Email
</div>
<input type="text" value="" placeholder="bertolini.fabio@mail.com" disabled>
</div>
</div>
</div>
<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">
Value
</div>
<select name="" id="" disabled>
<option value="Select Option"> Select Option</option>
</select>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
<div class="col-6 col-offset-1">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
Reddito annuo
</div>
<input type="text" value="" placeholder="30.000 €" disabled>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-8">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
IBAN
</div>
<input type="text" value="" placeholder="IT97W02008498400000005054803" disabled>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-5">
<div class="a-input a-input--text a-input--disabled">
<div class="a-input__label">
Banca
</div>
<input type="text" value="" placeholder="Unicredit Banca SPA" disabled>
</div>
</div>
<div class="col-6 col-offset-1">
<div class="a-input a-input--select a-input--disabled">
<div class="a-input__label">
Value
</div>
<select name="" id="" disabled>
<option value="Select Option"> Select Option</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-12 l-end">
</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 class="m-accordion-trigger__sublabel">Titolare effettivo, GarantE</div>
</div>
<div class="m-accordion-trigger__icons">
<div class="a-indicator danger ">
F.S.
</div>
<div class="a-indicator active a-indicator__outline ">
SCIP.
</div>
<div class="a-indicator active a-indicator__outline ">
I.F.
</div>
<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">
Francesca Romana Ferracini
<div class="m-accordion-trigger__sublabel">Titolare effettivo, GarantE</div>
</div>
<div class="m-accordion-trigger__icons">
<div class="a-indicator neutral ">
F.S.
</div>
<div class="a-indicator active a-indicator__outline ">
SCIP.
</div>
<div class="a-indicator neutral a-indicator__outline ">
I.F.
</div>
<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">
Francesca Romana Ferracini
<div class="m-accordion-trigger__sublabel">Titolare effettivo, GarantE</div>
</div>
<div class="m-accordion-trigger__icons">
<div class="a-indicator danger ">
F.S.
</div>
<div class="a-indicator active a-indicator__outline ">
SCIP.
</div>
<div class="a-indicator danger a-indicator__outline ">
I.F.
</div>
<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 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-10">
<div class="ty-primary">
Banche dati.
</div>
</div>
<div class="col-2 l-end">
<div class="a-button a-button--icon">
<svg class="icon icon--move_column">
<use xlink:href="../../assets/icons.svg#move_column" />
</svg>
</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-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</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-10">
<div class="ty-primary">
Lista dei soggetti.
</div>
</div>
<div class="col-2 l-end">
{% render '@buttons--icon', {'id': 'move_column'} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@accordion-trigger--open',
{
"label": "Francesca Romana Ferracini",
"sublabel": "Titolare effettivo, GarantE",
"items" : [
{
"atom": "indicator",
"label": "F.S.",
"status": "danger"
},
{
"atom": "indicator",
"label": "SCIP.",
"status": "active",
"outline": 1
},
{
"atom": "indicator",
"label": "I.F.",
"status": "active",
"outline": 1
}
]
}
%}
<div class="l-white-container">
<div class="l-main-wrapper">
<div class="row">
<div class="col-12">
{% render '@checkbox', {"label": "PEP", "disabled": true} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
{% render '@input--text', {
"text": {
"disabled": true,
"label": "Cognome",
"placeholder": "Bertolini"
}
} %}
</div>
<div class="col-4">
{% render '@input--text', {
"text": {
"disabled": true,
"label": "Nome",
"placeholder": "Fabio"
}
} %}
</div>
<div class="col-4">
{% render '@input--text', {
"text": {
"disabled": true,
"label": "Codice Fiscale",
"placeholder": "BRTDGI84C28I449S"
}
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
{% render '@input--radio-circle', {"disabled": true} %}
</div>
<div class="col-4">
{% render '@input--text', {
"text": {
"disabled": true,
"label": "Codice identificativo",
"placeholder": "391475436"
}
} %}
</div>
<div class="col-4">
{% render '@input--icon', {
"text": {
"disabled": true,
"label": "Data di nascita",
"placeholder": "28/12/1964"
}
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
{% render '@input--text', {
"text": {
"disabled": true,
"label": "Luogo di nascita",
"placeholder": "Roma"
}
} %}
</div>
<div class="col-4">
{% render '@input--select', {
"select": {
"disabled": true,
"label" : "Value",
"values": ["Select Option"]
}
} %}
</div>
<div class="col-4 l-spacing--v-margin-small-auto">
{% render '@checkbox', {
"disabled": true,
"label": "Cittadinanza italiana",
"checked": true
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
{% render '@input--text', {
"text": {
"disabled": true,
"label": "Codice identificativo",
"placeholder": "391475436"
}
} %}
</div>
<div class="col-8">
{% render '@input--text', {
"text": {
"disabled": true,
"label": "Indirizzo",
"placeholder": "Via Carlo Marx"
}
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
{% render '@input--text', {
"text": {
"disabled": true,
"label": "Civico",
"placeholder": "321"
}
} %}
</div>
<div class="col-4">
{% render '@input--text', {
"text": {
"disabled": true,
"label": "Città",
"placeholder": "Sarzana"
}
} %}
</div>
<div class="col-4">
{% render '@input--select', {
"select": {
"disabled": true,
"label" : "Value",
"values": ["Select Option"]
}
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
{% render '@input--text', {
"text": {
"disabled": true,
"label": "Cap",
"placeholder": "00123"
}
} %}
</div>
<div class="col-4">
{% render '@input--text', {
"text": {
"disabled": true,
"label": "Telefono",
"placeholder": "081234567"
}
} %}
</div>
<div class="col-4">
{% render '@input--text', {
"text": {
"disabled": true,
"label": "Cellulare",
"placeholder": "32081234567"
}
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-5">
{% render '@input--text', {
"text": {
"disabled": true,
"label": "Fax",
"placeholder": "081234567"
}
} %}
</div>
<div class="col-6 col-offset-1">
{% render '@input--text', {
"text": {
"disabled": true,
"label": "Email",
"placeholder": "bertolini.fabio@mail.com"
}
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-5">
{% render '@input--select', {
"select": {
"disabled": true,
"label" : "Value",
"values": ["Select Option"]
}
} %}
</div>
<div class="col-6 col-offset-1">
{% render '@input--text', {
"text": {
"disabled": true,
"label": "Reddito annuo",
"placeholder": "30.000 €"
}
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-8">
{% render '@input--text', {
"text": {
"disabled": true,
"label": "IBAN",
"placeholder": "IT97W02008498400000005054803"
}
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-5">
{% render '@input--text', {
"text": {
"disabled": true,
"label": "Banca",
"placeholder": "Unicredit Banca SPA"
}
} %}
</div>
<div class="col-6 col-offset-1">
{% render '@input--select', {
"select": {
"disabled": true,
"label" : "Value",
"values": ["Select Option"]
}
} %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12 l-end">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@accordion-trigger', {
"label": "Francesca Romana Ferracini",
"sublabel": "Titolare effettivo, GarantE",
"items" : [
{
"atom": "indicator",
"label": "F.S.",
"status": "danger"
},
{
"atom": "indicator",
"label": "SCIP.",
"status": "active",
"outline": 1
},
{
"atom": "indicator",
"label": "I.F.",
"status": "active",
"outline": 1
}
]
}
%}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@accordion-trigger', {
"label": "Francesca Romana Ferracini",
"sublabel": "Titolare effettivo, GarantE",
"items" : [
{
"atom": "indicator",
"label": "F.S.",
"status": ""
},
{
"atom": "indicator",
"label": "SCIP.",
"status": "active",
"outline": 1
},
{
"atom": "indicator",
"label": "I.F.",
"status": "",
"outline": 1
}
]
}
%}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@accordion-trigger', {
"label": "Francesca Romana Ferracini",
"sublabel": "Titolare effettivo, GarantE",
"items" : [
{
"atom": "indicator",
"label": "F.S.",
"status": "danger"
},
{
"atom": "indicator",
"label": "SCIP.",
"status": "active",
"outline": 1
},
{
"atom": "indicator",
"label": "I.F.",
"status": "danger",
"outline": 1
}
]
}
%}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-12">
{% render '@button-round', {"icon": "more"} %}
</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-10">
<div class="ty-primary">
Banche dati.
</div>
</div>
<div class="col-2 l-end">
{% render '@buttons--icon', {'id': 'move_column'} %}
</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,
"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",
"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.