<md-dialog aria-label="Ricerca coordinate bancarie" style="height:800px;width:900px" layout="column">
		<md-toolbar class="small-toolbar">
		   <div class="md-toolbar-tools">
		     <h3>Filtri ricerca distinte banca</h3>
		     <span flex></span>
		     <md-icon ng-click="cancelDialog()" md-font-icon="fa-times" class="fa button-icon" style="color:white;margin-left:24px">
					<md-tooltip>Chiudi</md-tooltip>
			 </md-icon>
		   </div>
		 </md-toolbar>

	<md-content layout="column" style="padding-left:14px;padding-right:14px;margin-top:10px" flex>
		<form name="form" ng-submit="eseguiRicerca()" flex>
			<div layout="column" flex>
				<md-input-container flex>
					<label>Tipologie</label>
	            	<md-select multiple ng-model="tipologieSelezionate"  placeholder="Tipologie" flex>
        				<md-option ng-repeat="tipologia in filtriTipologie" ng-value="tipologia.id">{{tipologia.label}}</md-option>
       				</md-select>
		        </md-input-container>
		        <md-input-container flex>
		        <label>Provenienza</label>
				<md-select ng-model="filter.provenienza"  placeholder="Provenienza">
			     	<md-option></md-option>
					<md-option ng-repeat="item in provenienza" value="{{item}}">{{item}}</md-option>
	     		</md-select>
	     		</md-input-container>
	     		<div layout="row">
						<div layout="row" flex>
				   			<md-checkbox ng-model="filter.flagAbilitaDaDataCreazione" aria-label="Abilita da data creazione" ></md-checkbox>
							<md-input-container flex>
								<label>Da data creazione</label>
								<md-datepicker ng-model="filter.daDataCreazione" ng-disabled="!filter.flagAbilitaDaDataCreazione"></md-datepicker>
							</md-input-container>
						</div>
						<div layout="row" flex>
				   			<md-checkbox ng-model="filter.flagAbilitaADataCreazione" aria-label="Abilita data creazione" ></md-checkbox>
							<md-input-container flex>
								<label>A data creazione</label>
								<md-datepicker ng-model="filter.aDataCreazione" ng-disabled="!filter.flagAbilitaADataCreazione"></md-datepicker>
							</md-input-container>
						</div>
				</div>
	     		<div layout="row">
						<div layout="row" flex>
				   			<md-checkbox ng-model="filter.flagAbilitaDaDataValuta" aria-label="Abilita da data valuta" ></md-checkbox>
							<md-input-container flex>
								<label>Da data valuta</label>
								<md-datepicker ng-model="filter.daDataValuta" ng-disabled="!filter.flagAbilitaDaDataValuta"></md-datepicker>
							</md-input-container>
						</div>
						<div layout="row" flex>
				   			<md-checkbox ng-model="filter.flagAbilitaADataValuta" aria-label="Abilita a data valuta" ></md-checkbox>
							<md-input-container flex>
								<label>A data valuta</label>
								<md-datepicker ng-model="filter.aDataValuta" ng-disabled="!filter.flagAbilitaADataValuta"></md-datepicker>
							</md-input-container>
						</div>
				</div>
				<div layout="row">
					<md-input-container flex>
						<label>N. distinta banca da</label>
						<input ng-model="filter.daDistinta" maxlength="9" ng-keypress="onlyDigit($event,20)">		
					</md-input-container>	
					<md-input-container flex>
						<label>a</label>
						<input ng-model="filter.aDistinta" maxlength="9" ng-keypress="onlyDigit($event,20)">		
					</md-input-container>	
					<md-input-container flex>
						<label>Da importo</label>
						<input ng-model="filter.daImporto" ng-keypress="checkDigit($event,20)" ng-blur="checkImporto($event)"> 		
					</md-input-container>
					<md-input-container flex>
						<label>A importo</label>
						<input ng-model="filter.aImporto" ng-keypress="checkDigit($event,20)" ng-blur="checkImporto($event)"> 		
					</md-input-container>
				</div>
			</div>
			<div layout="row">
				<md-input-container flex>
					<label>Nome supporto CBI</label>
					<input ng-model="filter.nomeSupportoCBI" type="text" >		
				</md-input-container>
       			<md-input-container flex>
					<label>Conto ordinante</label>
					<input ng-model="filter.contoOrdinante">		
				</md-input-container>
 			</div>
 			<div layout="row">
				<md-input-container flex>
		 		 	<label>Stato distinta</label>
		 			<md-select ng-model="filter.statoDisposizione" aria-label="Stato distinta" flex>
		 				<md-option></md-option>
		 				<md-option ng-repeat="item in getStatiDistinta()" value="{{item}}">{{item}}</md-option>
		 			</md-select> 	
				</md-input-container>
 			</div>
       			
        	<div flex layout-gt-sm="row" layout="column"  style="max-height:48px" layout-align="center center">  
        		<md-button type="submit" aria-label="Ricerca" class="md-raised md-primary" title="Esegui la ricerca" >
	            	<md-icon md-font-icon="fa-check" class="fa" aria-label="Ricerca"></md-icon>
	            	Conferma
	          	</md-button>   
	          	
	          	<md-button type="button" ng-click="resetFilter()" class="md-raised md-danger" title="Pulisci filtro" >
	            	<md-icon md-font-icon="fa-times" class="fa" aria-label="Pulisci filtro"></md-icon>
	            	Pulisci filtro
	          	</md-button>
	          	
		</form>
	</md-content>
</md-dialog>
