<md-dialog aria-label="Dettaglio disposizione" flex="95" layout="column" ng-cloak>
    <md-toolbar class="small-toolbar">
        <div class="small-toolbar-tools">
            <h5 ng-style="getFontSize()">
                <span ng-if="largeScreen()">Dettaglio disposizione {{label}}</span> {{disposizione.iddisposizione}}<span ng-if="disposizione.iddistintaBanca>0"> in distinta {{disposizione.iddistintaBanca}}</span>
            </h5>
            <span flex></span>
            <md-button aria-label="Delega SEDA" style="width: 140px;" class="md-icon-button" ng-click="delegaSEDA()" layout="row">
                <md-icon md-font-icon="fa-refresh" class="fa" aria-label="Delega SEDA" title="Delega SEDA"></md-icon>
                <span>Delega SEDA</span>
            </md-button>
            <md-button aria-label="Log stati" ng-style="getFontSize()" ng-click="mostraLogStati()" layout="row">
                <md-icon md-font-icon="fa-file-text-o" class="fa" aria-label="Log stati" title="Log stati"></md-icon>
                <span>Log stati</span>
            </md-button>
            <md-button aria-label="Log variazioni" ng-style="getFontSize()" ng-click="mostraLogVariazioni()" layout="row">
                <md-icon md-font-icon="fa-file-text-o" class="fa" aria-label="Log variazioni" title="Log variazioni"> </md-icon>
                <span ng-if="largeScreen()">Log variazioni</span>
                <span ng-if="!largeScreen()">Log var.</span>
            </md-button>
        </div>
    </md-toolbar>
    <div class="sticky-container" layout="column" style="padding: 14px; min-height: 750px;" flex>
        <ng-form name="form" ng-submit="confirmDialog()" layout="column" flex>
            <md-content flex layout-margin layout="column">
                <md-tabs md-border-bottom md-dynamic-height md-swipe-content>
                    <md-tab label="Riepilogo" ng-if="!largeScreen()">
                        <md-tab-label>
                            <md-tooltip ng-if="errors('datiPrincipali')">Sono presenti errori</md-tooltip>
                            <md-icon ng-if="errors('datiPrincipali')" md-font-icon="fa-bug" class="fa button-icon" style="color: red;"> </md-icon>
                            Riepilogo
                        </md-tab-label>
                        <md-tab-body>
                           <md-content class="md-padding" id="datiRiepilogo">
								<md-input-container flex="100" flex-gt-sm="5" ng-if="appVariables.profiloLocale=='DF'">
										<md-checkbox ng-if="appVariables.profiloLocale=='DF' && (filter.userIdFirmatario1==''||filter.userIdFirmatario1==null)" 
												ng-model="disposizione.firmaDelegato1" flex="20" ng-focus="enterField($event)" 
												ng-blur="exitField($event)" disabled="disabled">
											Firma
										</md-checkbox>						
										<md-checkbox ng-if="appVariables.profiloLocale=='DF' && (filter.userIdFirmatario1!=''&&filter.userIdFirmatario1!=null)" 
												ng-model="disposizione.firmaDelegato2" flex="20" ng-focus="enterField($event)" 
												ng-blur="exitField($event)" disabled="disabled">
											Firma
										</md-checkbox>
								</md-input-container>
                            
                                <md-input-container flex="100" flex-gt-sm="20" ng-disabled="getStatoDisposizioneEditabile()">
                                    <label>Stato disposizione</label>
                                    <md-select
                                        ng-model="disposizione.statoDisposizione"
                                        ng-disabled="getStatoDisposizioneEditabile()"
                                        ng-class="getColor(disposizione.flagStatoDisposizione)"
                                        id="statoDisposizione"
                                        md-on-open="enterCompoundField('statoDisposizione')"
                                        md-on-close="exitCompoundField('statoDisposizione')"
                                    >
                                        <md-option ng-repeat="item in getStatiDisposizione()" ng-value="item">{{item}} </md-option>
                                    </md-select>
                                </md-input-container>
                                <md-input-container flex-gt-sm="35" flex-md="100" disable-all="!frameBeneficiario">
                                    <label>Denominazione sottoscrittore</label>
                                    <input
                                        ng-model="disposizione.denominazioneDestinatario"
                                        maxlength="90"
                                        ng-focus="enterField($event)"
                                        ng-blur="exitField($event)"
                                        ng-class="getColor(disposizione.flagDenominazioneDestinatario)"
                                        pattern="[a-zA-Z0-9òàùèéì'.,;:-_+= ]+"
                                    />
                                    <md-icon ng-click="cercaDenominazione()" md-font-icon="fa-search" class="fa button-icon"></md-icon>
                                </md-input-container>
                            </md-content>
                        </md-tab-body>
                    </md-tab>
                    <md-tab label="Dati principali">
                        <md-tab-label>
                            <md-tooltip ng-if="errors('datiPrincipali')">Sono presenti errori</md-tooltip>
                            <md-icon ng-if="errors('datiPrincipali')" md-font-icon="fa-bug" class="fa button-icon" style="color: red;"> </md-icon>
                            Dati principali
                        </md-tab-label>
                        <md-tab-body>
                            <md-content class="md-padding" id="datiPrincipali">
                                <div flex>
                                    <div layout-gt-sm="row" layout="column" class="md-padding" flex>
										<md-input-container flex="100" flex-gt-sm="5" ng-if="appVariables.profiloLocale=='DF'">
												<md-checkbox ng-if="appVariables.profiloLocale=='DF' && (filter.userIdFirmatario1==''||filter.userIdFirmatario1==null)" 
														ng-model="disposizione.firmaDelegato1" flex="20" ng-focus="enterField($event)" 
														ng-blur="exitField($event)" disabled="disabled">
													Firma
												</md-checkbox>						
												<md-checkbox ng-if="appVariables.profiloLocale=='DF' && (filter.userIdFirmatario1!=''&&filter.userIdFirmatario1!=null)" 
														ng-model="disposizione.firmaDelegato2" flex="20" ng-focus="enterField($event)" 
														ng-blur="exitField($event)" disabled="disabled">
													Firma
												</md-checkbox>
										</md-input-container>
                                    
                                        <md-input-container flex="100" flex-gt-sm="20" ng-disabled="getStatoDisposizioneEditabile()">
                                            <label>Stato disposizione</label>
                                            <md-select
                                                ng-model="disposizione.statoDisposizione"
                                                ng-class="getColor(disposizione.flagStatoDisposizione)"
                                                ng-disabled="getStatoDisposizioneEditabile()"
                                                id="statoDisposizione"
                                                md-on-open="enterCompoundField('statoDisposizione')"
                                                md-on-close="exitCompoundField('statoDisposizione')"
                                            >
                                                <md-option ng-repeat="item in getStatiDisposizione()" ng-value="item">
                                                    {{item}}
                                                </md-option>
                                            </md-select>
                                        </md-input-container>
                                        <md-input-container flex="100" flex-gt-sm="25" disable-all="!frameDatiDispositivi">
                                            <label flex>Causale</label>
                                            <md-select
                                                ng-model="disposizione.causale"
                                                flex
                                                id="causale"
                                                ng-disabled="!frameDatiDispositivi"
                                                md-on-open="enterCompoundField('causale')"
                                                md-on-close="exitCompoundField('causale')"
                                                ng-class="getColor(disposizione.flagCausale)"
                                            >
                                                <md-option ng-repeat="item in causali" ng-value="item.codice">
                                                    {{item.descrizione}}
                                                </md-option>
                                            </md-select>
                                        </md-input-container>
                                        <md-input-container flex="100" flex-gt-sm="25" disable-all="!frameDatiDispositivi">
                                            <label flex>Codice di riferimento</label>
                                            <input ng-model="disposizione.codiceDiRiferimento" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagCodiceDiRiferimento)" />
                                        </md-input-container>
                                        <md-input-container flex="100" flex-gt-sm="25" disable-all="!frameDatiDispositivi">
                                            <label flex>Identificativo mandato SEDA</label>
                                            <input ng-model="disposizione.identificativoMandato" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagIdentificativoMandato)" />
                                        </md-input-container>
                                    </div>
                                    <div layout-gt-sm="row" layout="column" flex disable-all="isPresentazioneSepaEnabled()">
                                        <md-input-container flex>
                                            <label>Tipo incasso</label>
                                            <md-select
                                                ng-model="disposizione.tipoIncassoAea"
                                                ng-disabled="!frameDatiDispositivi"
                                                md-select-label="{{disposizione.tipoIncassoAea}}"
                                                id="tipoIncassoAea"
                                                ng-class="getColor(disposizione.flagTipoIncassoAea)"
                                                md-on-open="enterCompoundField('tipoIncassoAea')"
                                                md-on-close="exitCompoundField('tipoIncassoAea')"
                                            >
                                                <md-option ng-repeat="item in tipoIncasso" ng-value="item.codice">
                                                    {{item.descrizione}}
                                                </md-option>
                                            </md-select>
                                        </md-input-container>
                                        <md-input-container flex>
                                            <label>Tipo mandato</label>
                                            <md-select
                                                ng-model="disposizione.tipoMandatoAea"
                                                ng-disabled="!frameDatiDispositivi"
                                                md-select-label="{{disposizione.tipoMandatoAea}}"
                                                id="tipoMandatoAea"
                                                md-on-open="enterCompoundField('tipoMandatoAea')"
                                                ng-class="getColor(disposizione.flagTipoMandatoAea)"
                                                md-on-close="exitCompoundField('tipoMandatoAea')"
                                            >
                                                <md-option ng-repeat="item in tipoMandato" ng-value="item.codice">
                                                    {{item.descrizione}}
                                                </md-option>
                                            </md-select>
                                        </md-input-container>
                                        <md-input-container flex style="min-width: 200px;">
                                            <label>Data sottoscrizione mandato</label>
                                            <md-datepicker
                                                ng-model="disposizione.dataSottoscrizioneMandato"
                                                md-placeholder="Data sottoscrizione mandato"
                                                disable-all="true"
                                                id="dataSottoscrizioneMandato"
                                                ng-disabled="true"
                                                ng-focus="enterCompoundField('dataSottoscrizioneMandato')"
                                                ng-class="getColor(disposizione.flagDataSottoscrizioneMandato)"
                                                ng-blur="exitCompoundField('dataSottoscrizioneMandato')"
                                            >
                                            </md-datepicker>
                                        </md-input-container>
                                        <md-input-container flex-gt-sm="25" flex="100" disable-all>
                                            <label>Classificazione conto</label>
                                            <md-select
                                                ng-model="disposizione.classificazioneConto"
                                                flex
                                                ng-disabled="true"
                                                disabled="disabled"
                                                id="classificazioneConto"
                                                md-on-open="enterCompoundField('statoAllineamento')"
                                                md-on-close="exitCompoundField('classficazioneConto')"
                                                ng-class="getColor(disposizione.flagClassificazioniConto)"
                                            >
                                                <md-option ng-repeat="item in classificazioniConto" ng-value="item.codice">{{item.descrizione}}</md-option>
                                            </md-select>
                                        </md-input-container>
                                        <md-input-container flex-gt-sm="25" flex="100" disable-all>
                                            <label>Stato delega SEDA</label>
                                            <md-select
                                                ng-model="disposizione.statoAllineamento"
                                                flex
                                                disabled="disabled"
                                                ng-disabled="true"
                                                id="statoAllineamento"
                                                md-on-open="enterCompoundField('statoAllineamento')"
                                                md-on-close="exitCompoundField('statoAllineamento')"
                                                ng-class="getColor(disposizione.flagStatoAllineamento)"
                                            >
                                                <md-option ng-repeat="item in statoAllineamento" ng-value="item.codice">
                                                    {{item.descrizione}}
                                                </md-option>
                                            </md-select>
                                        </md-input-container>
                                    </div>
                                </div>
                                <h5 class="title-label">Banca di allineamento</h5>
                                <div layout-gt-sm="row" layout="column" flex disable-all="true">
                                    <md-input-container flex-gt-sm="10" flex="100" >
                                        <label>ABI</label>
                                        <input ng-model="disposizione.codiceAbiOrdinante" maxlength="5" ng-class="getColor(disposizione.flagCodiceAbiOrdinante)" ng-focus="enterField($event)" ng-blur="exitField($event)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="10" flex="100" disable-all="true">
                                        <label>Codice BIC</label>
                                        <input ng-model="disposizione.bicCreditore" maxlength="11" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagBicCreditore)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="10" flex="100">
                                        <label>Divisa</label>
                                        <input
                                            ng-model="disposizione.divisaContoOrdinante"
                                            maxlength="3"
                                            ng-focus="enterField($event)"
                                            ng-blur="exitField($event)"
                                            ng-class="getColor(disposizione.flagDivisaContoOrdinante)"
                                            disable-all="true"
                                        />
                                        <md-icon ng-click="assegnaConto($event)" md-font-icon="fa-bank" class="fa button-icon"></md-icon>
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="40" flex="100" disable-all="true">
                                        <label>Descrizione conto</label>
                                        <input ng-model="disposizione.descrizioneConto" maxlength="30" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagDescrizioneConto)" />
                                    </md-input-container>
                                    <md-input-container flex disable-all="!frameDatiContabili">
                                        <label>Numero polizza</label>
                                        <input ng-model="disposizione.numeroPolizza" maxlength="13" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagNumeroPolizza)" />
                                    </md-input-container>
                                </div>
                                <h5 class="title-label">Annotazioni libere</h5>
                                <div layout-gt-sm="row" layout="column" flexdisable-all="!frameAnnotazioniLibere">
                                    <md-input-container flex flex-md="50">
                                        <label>Perfunzioni ordinante</label>
                                        <input ng-model="disposizione.noteFunzioneOrdinante" maxlength="60" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagNoteFunzioneOrdinante)" />
                                    </md-input-container>
                                    <md-input-container flex flex-md="50">
                                        <label>Per tesoreria</label>
                                        <input ng-model="disposizione.noteTesoreria" maxlength="60" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagNoteTesoreria)" />
                                    </md-input-container>
                                </div>
                            </md-content>
                        </md-tab-body>
                    </md-tab>
                    <md-tab label="Destinatario">
                        <md-tab-label>
                            <md-tooltip ng-if="errors('sottoscrittore')">Sono presenti errori</md-tooltip>
                            <md-icon ng-if="errors('sottoscrittore')" md-font-icon="fa-bug" class="fa button-icon" style="color: red;"></md-icon>
                            Destinatario
                        </md-tab-label>
                        <md-tab-body>
                            <md-content id="sottoscrittore" class="md-padding" disable-all="!frameBeneficiario">
                                <div layout-gt-sm="row" layout="column" flex>
                                    <md-input-container flex-gt-sm="35" flex-md="100">
                                        <label>Denominazione sottoscrittore</label>
                                        <input
                                            ng-model="disposizione.denominazioneDestinatario"
                                            maxlength="90"
                                            ng-focus="enterField($event)"
                                            ng-blur="exitField($event)"
                                            ng-class="getColor(disposizione.flagDenominazioneDestinatario)"
                                            pattern="[a-zA-Z0-9òàùèéì'.,;:-_+= ]+"
                                        />
                                        <md-icon ng-click="cercaDenominazione()" md-font-icon="fa-search" class="fa button-icon"></md-icon>
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="15" flex-md="100">
                                        <label>Codice destinatario</label>
                                        <inputng-model ="disposizione.codiceClienteDebitore" maxlength="16" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagCodiceClienteDebitore)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="25" flex-md="100">
                                        <label>Tipo codice</label>
                                        <md-select
                                            ng-model="disposizione.tipoCodice"
                                            id="tipoCodice"
                                            ng-disabled="!frameBeneficiario"
                                            md-on-open="enterCompoundField('tipoCodice')"
                                            md-on-close="exitCompoundField('tipoCodice')"
                                            ng-class="getColor(disposizione.flagTipoCodice)"
                                        >
                                            <md-option ng-repeat="item in tipoCodice" ng-value="item.codice">
                                                {{item.descrizione}}
                                            </md-option>
                                        </md-select>
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="25" flex-md="100">
                                        <label>Codice fiscale sottoscrittore</label>
                                        <input ng-model="disposizione.codiceFiscaleSottoscrittore" maxlength="16" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagCodiceFiscaleSottoscrittore)" />
                                    </md-input-container>
                                </div>
                                <div layout-gt-sm="row" layout="column" flex>
                                    <md-input-container flex flex-md="45">
                                        <label>Indirizzo</label>
                                        <input
                                            ng-model="disposizione.indirizzoDestinatario"
                                            maxlength="30"
                                            ng-focus="enterField($event)"
                                            ng-blur="exitField($event)"
                                            ng-class="getColor(disposizione.flagIndirizzoDestinatario)"
                                            pattern="[a-zA-Z0-9òàùèéì'.,;:-_+= ]+"
                                        />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="10" flex="100">
                                        <label>CAP</label>
                                        <input ng-model="disposizione.capDestinatario" maxlength="5" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagCapDestinatario)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="35" flex="100">
                                        <label>Comune</label>
                                        <input ng-model="disposizione.cittaDestinatario" maxlength="23" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagCittaDestinatario)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="10" flex="100">
                                        <label>Provincia</label>
                                        <input ng-model="disposizione.provinciaDestinatario" maxlength="2" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagProvinciaDestinatario)" />
                                    </md-input-container>
                                </div>
                                <div layout-gt-sm="row" layout="column" flex>
                                    <md-input-container flex-gt-sm="10" flex="100">
                                        <label>ABI</label>
                                        <input ng-model="disposizione.codiceAbiDestinatario" maxlength="5" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagCodiceAbiDestinatario)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="10" flex="100">
                                        <label>CAB</label>
                                        <input ng-model="disposizione.cabDestinatario" maxlength="5" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagCabDestinatario)" />
                                    </md-input-container>
                                    <md-icon ng-click="forzaAbiCab()" md-font-icon="fa-chevron-left" class="fa button-icon">
                                        <md-tooltip>Forza Coordinate Bancarie</md-tooltip>
                                    </md-icon>
                                    <md-icon ng-click="piazzatura($event)" md-font-icon="fa-bank" class="fa button-icon">
                                        <md-tooltip>Convalida e Ricerca Coordinate Bancarie</md-tooltip>
                                    </md-icon>
                                    <md-input-container flex-gt-sm="20" flex="100">
                                        <label>Conto</label>
                                        <input ng-model="disposizione.contoDestinatario" maxlength="12" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagContoDestinatario)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="5" flex="100">
                                        <label>CIN</label>
                                        <input ng-model="disposizione.cin" maxlength="1" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagCin)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="10" flex="100">
                                        <label>Cod.paese</label>
                                        <input ng-model="disposizione.codicePaese" maxlength="2" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagCodicePaese)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="10" flex="100">
                                        <label>Check digit</label>
                                        <input ng-model="disposizione.checkDigit" maxlength="2" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagCheckDigit)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="35" flex="100">
                                        <label>Descrizione banca/sportello</label>
                                        <input ng-model="disposizione.bancaSportelloDomic" maxlength="50" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagBancaSportelloDomic)" />
                                    </md-input-container>
                                </div>
                                <div layout-gt-sm="row" layout="column" flex>
                                    <md-input-container flex-gt-sm="33" flex="100">
                                        <label>Intestatario conto addebito</label>
                                        <input ng-model="disposizione.intestatarioConto" maxlength="50" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagIntestatarioConto)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="33" flex="100">
                                        <label>Codice fiscale intestatario conto</label>
                                        <input
                                            ng-model="disposizione.codiceFiscaleIntestatarioConto"
                                            maxlength="16"
                                            ng-focus="enterField($event)"
                                            ng-blur="exitField($event)"
                                            ng-class="getColor(disposizione.flagCodiceFiscaleIntestatarioConto)"
                                        />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="33" flex="100">
                                        <label>Facoltà di storno RID debitore</label>
                                        <md-select
                                            ng-model="disposizione.facoltaStorno"
                                            id="facoltaStorno"
                                            ng-disabled="!frameBeneficiario"
                                            md-on-open="enterCompoundField('facoltaStorno')"
                                            md-on-close="exitCompoundField('facoltaStorno')"
                                            ng-class="getColor(disposizione.flagFacoltaStorno)"
                                        >
                                            <md-option ng-repeat="item in facoltaStorno" ng-value="item.codice">
                                                {{item.descrizione}}
                                            </md-option>
                                        </md-select>
                                    </md-input-container>
                                </div>
                            </md-content>
                        </md-tab-body>
                    </md-tab>
                    <md-tab label="Ordinante">
                        <md-tab-label>
                            <md-tooltip ng-if="errors('anagraficaOrdinante')">Sono presenti errori </md-tooltip>
                            <md-icon ng-if="errors('anagraficaOrdinante')" md-font-icon="fa-bug" class="fa button-icon" style="color: red;"> </md-icon>
                            Ordinante
                        </md-tab-label>
                        <md-tab-body>
                            <md-content class="md-padding" id="anagraficaOrdinante" disable-all="!frameOrdinante">
                                <div layout-gt-sm="row" layout="column" flex>
                                    <md-input-container flex-gt-sm="50" flex-md="100">
                                        <label>Denominazione</label>
                                        <input ng-model="disposizione.aziendaOrdinante" maxlength="30" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagAziendaOrdinante)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="20" flex-md="100">
                                        <label>Codice fiscale / P.IVA</label>
                                        <input ng-model="disposizione.codiceFiscaleOrdinante" maxlength="16" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagCodiceFiscaleOrdinante)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="15" flex-md="100">
                                        <label>Codice Sia</label>
                                        <input ng-model="disposizione.codiceSiaOrdinante" maxlength="5" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagCodiceSiaOrdinante)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="15" flex-md="100">
                                        <label>Codice società</label>
                                        <input ng-model="disposizione.codiceSocieta" maxlength="3" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagCodiceSocieta)" />
                                    </md-input-container>
                                </div>
                                <div layout-gt-sm="row" layout="column" flex>
                                    <md-input-container flex-gt-sm="50" flex-md="100">
                                        <label>Indirizzo</label>
                                        <input ng-model="disposizione.indirizzoOrdinante" maxlength="30" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagIndirizzoOrdinante)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="50" flex-md="100">
                                        <label>Località</label>
                                        <input ng-model="disposizione.localitaOrdinante" maxlength="30" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagLocalitaOrdinante)" />
                                    </md-input-container>
                                </div>
                                <div layout-gt-sm="row" layout="column" flex>
                                    <md-input-container flex-gt-sm="50" flex-md="100">
                                        <label>Identificativo creditore</label>
                                        <input ng-model="disposizione.identificativoCreditore" maxlength="35" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagIdentificativoCreditore)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="50" flex-md="100">
                                        <label>Codice CUC</label>
                                        <input ng-model="disposizione.codiceCucOrdinante" maxlength="35" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagCodiceCucOrdinante)" />
                                    </md-input-container>
                                </div>
                            </md-content>
                        </md-tab-body>
                    </md-tab>
                    <md-tab label="Opzioni/variazioni/storni">
                        <md-tab-label>
                            <md-tooltip ng-if="errors('opzioni')">Sono presenti errori</md-tooltip>
                            <md-icon ng-if="errors('opzioni')" md-font-icon="fa-bug" class="fa button-icon" style="color: red;"> </md-icon>
                            Opzioni/variazioni/storni
                        </md-tab-label>
                        <md-tab-body>
                            <md-content class="md-padding" id="opzioni">
                                <div layout-gt-sm="row" layout="column" flex>
                                    <md-input-container flex-gt-sm="25" flex-md="100" disable-all="!frameAutorizzazioneAddebito">
                                        <label>Numero rate</label>
                                        <input
                                            type="text"
                                            ng-model="disposizione.numeroRate"
                                            maxlength="4"
                                            ng-focus="enterField($event)"
                                            ng-blur="exitField($event)"
                                            ng-class="getColor(disposizione.flagNumeroRate)"
                                            ng-keypress="checkIntegerDigit($event,4)"
                                        />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="25" flex-md="100" disable-all="!frameAutorizzazioneAddebito">
                                        <label>Importo massimo rata / Importo prefissato</label>
                                        <input
                                            ng-model="disposizione.importoMassimoRata"
                                            maxlength="10"
                                            ng-focus="enterField($event)"
                                            ng-keypress="checkDigit($event,20)"
                                            ng-blur="checkImporto($event)"
                                            ng-class="getColor(disposizione.flagImportoMassimoRata)"
                                        />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="25" flex-md="100" disable-all="!frameAutorizzazioneAddebito">
                                        <label>Scadenza prima rata</label>
                                        <md-datepicker
                                            ng-model="disposizione.scadenzaPrimaRata"
                                            md-placeholder="Scadenza prima rata"
                                            id="scadenzaPrimaRata"
                                            ng-focus="enterCompoundField('scadenzaPrimaRata')"
                                            ng-class="getColor(disposizione.flagScadenzaPrimaRata)"
                                            ng-blur="exitCompoundField('scadenzaPrimaRata')"
                                        >
                                        </md-datepicker>
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="25" flex-md="100" disable-all="!frameAutorizzazioneAddebito">
                                        <label>Scadenza ultima rata</label>
                                        <md-datepicker
                                            ng-model="disposizione.scadenzaUltimaRata"
                                            md-placeholder="Scadenza ultima rata"
                                            id="scadenzaPrimaRata"
                                            ng-focus="enterCompoundField('scadenzaUltimaRata')"
                                            ng-class="getColor(disposizione.flagScadenzaUltimaRata)"
                                            ng-blur="exitCompoundField('scadenzaUltimaRata')"
                                        >
                                        </md-datepicker>
                                    </md-input-container>
                                </div>
                                <div layout-gt-sm="row" layout="column" flex disable-all="!frameOpzioni">
                                    <md-input-container flex="100" flex-gt-sm="75">
                                        <label>Descrizione richiesta / storno / variazione (testo libero)</label>
                                        <input ng-model="disposizione.sottocampoDescrizione" maxlength="75" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagSottocampoDescrizione)" />
                                    </md-input-container>
                                    <md-input-container flex="100" flex-gt-sm="25">
                                        <label>Data creazione disposizione</label>
                                        <md-datepicker
                                            ng-model="disposizione.dataCreazioneDisposizione"
                                            md-placeholder="Data creazione disposizione"
                                            id="dataCreazioneDisposizione"
                                            ng-focus="enterCompoundField('dataCreazioneDisposizione')"
                                            ng-blur="exitCompoundField('dataCreazioneDisposizione')"
                                            ng-class="getColor(disposizione.flagDataCreazioneDisposizione)"
                                        >
                                        </md-datepicker>
                                    </md-input-container>
                                </div>
                                <h5 class="title-label">Coordinate di azienda originali da variare</h5>
                                <div layout-gt-sm="row" layout="column" flex disable-all="!frameCoordinateAzienda">
                                    <md-input-container flex="33" flex-gt-sm="100">
                                        <label>Codice individuale</label>
                                        <input ng-model="disposizione.codiceIndividualeDaVariare" maxlength="16" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagCodiceIndividualeDaVariare)" />
                                    </md-input-container>
                                    <md-input-container flex="33" flex-gt-sm="100">
                                        <label>Tipo codice individuale</label>
                                        <md-select
                                            ng-model="disposizione.tipoCodIndividualeDaVariare"
                                            ng-disabled="!frameCoordinateAzienda"
                                            md-select-label="{{disposizione.tipoCodIndividualeDaVariare}}"
                                            flex
                                            id="tipoCodIndividualeDaVariare"
                                            md-on-open="enterCompoundField('tipoCodIndividualeDaVariare')"
                                            md-on-close="exitCompoundField('tipoCodIndividualeDaVariare')"
                                            ng-class="getColor(disposizione.flagTipoCodIndividualeDaVariare)"
                                        >
                                            <md-option ng-repeat="item in tipoCodice" ng-value="item.codice">
                                                {{item.descrizione}}
                                            </md-option>
                                        </md-select>
                                    </md-input-container>
                                    <md-input-container flex="33" flex-gt-sm="100">
                                        <label>Codice azienda</label>
                                        <input ng-model="disposizione.codiceAziendaDaVariare" maxlength="5" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagCodiceAziendaDaVariare)" />
                                    </md-input-container>
                                </div>
                                <h5 class="title-label">Storno coordinate bancarie di addebito da variare</h5>
                                <div layout-gt-sm="row" layout="column" flex disable-all="!frameStornoCoordinate">
                                    <md-input-container flex-gt-sm="10" flex="100">
                                        <label>ABI</label>
                                        <input ng-model="disposizione.stornoAbiAddebito" maxlength="5" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagStornoAbiAddebito)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="10" flex="100">
                                        <label>CAB</label>
                                        <input ng-model="disposizione.stornoCabAddebito" maxlength="5" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagStornoCabAddebito)" />
                                    </md-input-container>
                                    <md-icon ng-click="forzaAbiCabStorno()" md-font-icon="fa-chevron-left" class="fa button-icon">
                                        <md-tooltip>Forza coordinate bancarie storno </md-tooltip>
                                    </md-icon>
                                    <md-icon ng-click="piazzaturaStorno()" md-font-icon="fa-bank" class="fa button-icon">
                                        <md-tooltip>Convalida e Ricerca Coordinate Bancarie </md-tooltip>
                                    </md-icon>
                                    <md-input-container flex-gt-sm="20" flex="100">
                                        <label>Conto</label>
                                        <input ng-model="disposizione.stornoContoAddebito" maxlength="12" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagStornoContoAddebito)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="5" flex="100">
                                        <label>CIN</label>
                                        <input ng-model="disposizione.stornoCinAddebito" maxlength="1" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagStornoCinAddebito)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="10" flex="100">
                                        <label>Cod.paese</label>
                                        <input ng-model="disposizione.stornoCodicePaeseAddebito" maxlength="2" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagStornoCodicePaeseAddebito)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="10" flex="100">
                                        <label>Check digit</label>
                                        <input ng-model="disposizione.stornoCheckDigitAddebito" maxlength="2" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagStornoCheckDigitAddebito)" />
                                    </md-input-container>
                                </div>
                                <div layout="row" flex>
                                    <md-input-container flex="100">
                                        <label>Riferimenti originari</label>
                                        <input
                                            style="width: 100%;"
                                            ng-model="disposizione.riferimentiOriginari"
                                            maxlength="90"
                                            ng-focus="enterField($event)"
                                            ng-blur="exitField($event)"
                                            ng-class="getColor(disposizione.flagRiferimentiOriginari)"
                                            disable-all="!frameStornoComunicazione"
                                            ng-disabled="!frameStornoComunicazione"
                                        />
                                    </md-input-container>
                                </div>
                            </md-content>
                        </md-tab-body>
                    </md-tab>
                    <md-tab label="Rendicontazione">
                        <md-tab-label>
                            <md-tooltip ng-if="errors('rendicontazione')">Sono presenti errori </md-tooltip>
                            <md-icon ng-if="errors('rendicontazione')" md-font-icon="fa-bug" class="fa button-icon" style="color: red;"> </md-icon>
                            Rendicontazione
                        </md-tab-label>
                        <md-tab-body>
                            <md-content class="md-padding" id="rendicontazione">
                                <div flex disable-all="!frameDatiRendicontazione">
                                    <div layout-gt-sm="row" layout="column" flex>
                                        <md-input-container flex-gt-sm="25" flex-md="100">
                                            <label>Esito</label>
                                            <md-select
                                                ng-model="disposizione.esito"
                                                flex
                                                id="esito"
                                                ng-disabled="!frameDatiRendicontazione"
                                                md-on-open="enterCompoundField('esito')"
                                                md-on-close="exitCompoundField('esito')"
                                                ng-class="getColor(disposizione.flagEsito)"
                                            >
                                                <md-option ng-repeat="item in esiti" ng-value="item.codice">
                                                    {{item.descrizione}}
                                                </md-option>
                                            </md-select>
                                        </md-input-container>
                                        <md-input-container flex-gt-sm="75" flex-md="100">
                                            <label>Descrizione esito</label>
                                            <input ng-model="disposizione.descrizioneEsito" maxlength="100" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagDescrizioneEsito)" />
                                        </md-input-container>
                                    </div>
                                    <div layout-gt-sm="row" layout="column" flex>
                                        <md-input-container flex>
                                            <label>Causale SEDA</label>
                                            <md-select
                                                ng-model="disposizione.esitoSepaRsnCode"
                                                flex
                                                ng-disabled="!frameDatiRendicontazione"
                                                id="esitoSepaRsnCode"
                                                md-on-open="enterCompoundField('esitoSepaRsnCode')"
                                                md-on-close="exitCompoundField('esitoSepaRsnCode')"
                                                ng-class="getColor(disposizione.flagEsitoSepaRsnCode)"
                                            >
                                                <md-option ng-repeat="item in esitoSepaRsnCode" ng-value="item.codice">
                                                    {{item.descrizione}}
                                                </md-option>
                                            </md-select>
                                        </md-input-container>
                                    </div>
                                    <div layout-gt-sm="row" layout="column" flex>
                                        <md-input-container flex>
                                            <label>Causale CBI</label>
                                            <md-select
                                                ng-model="disposizione.esitoCbidecodificato"
                                                flex
                                                ng-disabled="!frameDatiRendicontazione"
                                                id="esitoCbidecodificato"
                                                md-on-open="enterCompoundField('esitoCbidecodificato')"
                                                md-on-close="exitCompoundField('esitoCbidecodificato')"
                                                ng-class="getColor(disposizione.flagEsitoCbiDecodificato)"
                                            >
                                                <md-option ng-repeat="item in codiceStornoCBI" ng-value="item.codice">
                                                    {{item.descrizione}}
                                                </md-option>
                                            </md-select>
                                        </md-input-container>
                                    </div>
                                    <div layout-gt-sm="row" layout="column" flex>
                                        <md-input-container flex>
                                            <label>Causale banca</label>
                                            <input ng-model="disposizione.esitoSepaPrtry" maxlength="100" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagEsitoSepaPrtry)" />
                                        </md-input-container>
                                    </div>
                                    <div layout-gt-sm="row" layout="column" flex>
                                        <md-input-container flex>
                                            <label>Note esito</label>
                                            <input ng-model="disposizione.esitoSepaAddtlInf" maxlength="100" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagEsitoSeapAddtlInf)" />
                                        </md-input-container>
                                    </div>
                                    <div layout-gt-sm="row" layout="column" flex>
                                        <md-input-container flex>
                                            <label>TagXML errato</label>
                                            <input ng-model="disposizione.esitoSepaElmRfc" maxlength="100" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagEsitoSepaElmRfc)" />
                                        </md-input-container>
                                    </div>
                                </div>
                                <div layout-gt-sm="row" layout="column" flex disable-all="true">
                                    <md-input-container flex="100" flex-gt-sm="50">
                                        <label>Data esito da banca</label>
                                        <md-datepicker
                                            ng-model="disposizione.dataEsitoDisposizione"
                                            md-placeholder="Data esito da banca"
                                            id="dataEsitoDisposizione"
                                            ng-focus="enterCompoundField('dataEsitoDisposizione')"
                                            ng-blur="exitCompoundField('dataEsitoDisposizione')"
                                            ng-class="getColor(disposizione.flagDataEsitoDisposizione)"
                                        >
                                        </md-datepicker>
                                    </md-input-container>
                                    <md-input-container flex="100" flex-gt-sm="50">
                                        <label>Data ricezione esito</label>
                                        <input
                                            flex="100"
                                            flex-gt-sm="50"
                                            value="{{disposizione.dataUltimoEsitoAcquisito.formatAsDateTime()}}"
                                            md-placeholder="Data ricezione esito"
                                            flex
                                            id="dataUltimoEsitoAcquisito"
                                            ng-focus="enterField('dataUltimoEsitoAcquisito')"
                                            ng-blur="exitField('dataUltimoEsitoAcquisito')"
                                            ng-class="getColor(disposizione.flagDataUltimoEsitoAcquisito)"
                                        />
                                    </md-input-container>
                                </div>
                                <div layout-gt-sm="row" layout="column" flex disable-all="true">
                                    <md-input-container flex-gt-sm="20" flex="100">
                                        <label>N. distinta banca</label>
                                        <input ng-model="disposizione.iddistintaBanca" maxlength="15" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagIddistintaBanca)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="20" flex="100">
                                        <label>Nome supporto flusso input CBI</label>
                                        <input ng-model="disposizione.nomeSupportoFlussoInputCbi" maxlength="20" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagNomeSupportoFlussoInputCbi)" />
                                    </md-input-container>
                                    <md-input-container flex-gt-sm="60" flex="100">
                                        <label>Identificativo messaggio di esito XML</label>
                                        <input ng-model="disposizione.esitoMsgId" maxlength="255" ng-focus="enterField($event)" ng-blur="exitField($event)" ng-class="getColor(disposizione.flagEsitoMsgId)" />
                                    </md-input-container>
                                </div>
                            </md-content>
                        </md-tab-body>
                    </md-tab>
                </md-tabs>
            </md-content>
            <hr />
            <div layout="row" ng-if="largeScreen()">
                <span flex></span>
                <md-button type="submit" ng-if="btnConferma" aria-label="Ricerca" class="md-raised md-primary" title="Salva la disposizione" ng-click="confirmDialog()">
                    <md-icon md-font-icon="fa-floppy-o" class="fa" aria-label="Salva"></md-icon>
                    Salva
                </md-button>
                <md-button aria-label="Annulla" class="md-raised md-warn" ng-click="cancelDialog()" title="Annulla le modifiche">
                    <md-icon md-font-icon="fa-times" class="fa" aria-label="Annulla"></md-icon>
                    Annulla
                </md-button>
            </div>
        </ng-form>
    </div>
</md-dialog>
<nav ng-if="!largeScreen()" mfb-menu position="br" effect="zoomin" label="Azioni" active-icon="fa fa-arrow-down" resting-icon="fa fa-bars" toggling-method="hover">
    <button mfb-button icon="fa fa-floppy-o" label="Salva" ng-click="confirmDialog()"></button>
    <button mfb-button icon="fa fa-times" label="Annulla" ng-click="cancelDialog()"></button>
</nav>
