<md-dialog aria-label="Selezione conto corrente" style="height:450px;min-height:450px;width:80%" layout="column">
		<md-toolbar class="small-toolbar" layout="row">
		   <div class="md-toolbar-tools small-toolbar">
		     <h3>Opzioni piano estrazione</h3>
		     <span flex></span>
		     <md-button ng-click="nuovaOpzione($event)" class="toolbar-button">
		 	 			<i class="fa fa-plus"></i>
			 			<span>Nuova</span>
						<md-tooltip>Inserisci una nuova opzione</md-tooltip>
					</md-button>
		     <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;min-height:750px" flex> -->
	<md-dialog-content style="min-height:350px">
      <div class="md-dialog-content">
			<md-subheader class="md-no-sticky">
				<div flex layout-gt-sm="row" layout="column">
					<div style="width:48px">&nbsp</div>
					<div flex="100" flex-gt-sm="60">Tipo opzione</div>
					<div flex="100" flex-gt-sm="15">Codice ABI ordinante</div>
					<div flex="100" flex-gt-sm="15">Valore assegnato</div>
					<div flex="100" flex-gt-sm="10">Opzione attiva</div>
					<div style="width:48px">&nbsp</div>
				</div>
			</md-subheader>
		
			<div flex-gt-sm class="virtualRepeatVerticalUsage" id="container" style="height:230px">
				<md-virtual-repeat-container id="vertical-container">
					
				  	<md-list-item  md-virtual-repeat="item in opzioni" ng-class="{'odd-row':$index%2==1,'even-row':$index%2==0}" 
				  		style="cursor:pointer;text-overflow:ellipsis" >
				  		<div flex layout-gt-sm="row" layout="column" layout-align="start center">
				  			<div style="width:48px" ng-click="editOpzione($index, $event)">
								<i class="fa fa-pencil button-icon" >
									<md-tooltip>Modifica l'opzione</md-tooltip>
								</i>
							</div>
							<div flex="100" flex-gt-sm="60">{{decodeTipologia(item.tipologiaEstrazione)}}</div>	
							<div flex="100" flex-gt-sm="15">{{item.abiordinante}}</div>
							<div flex="100" flex-gt-sm="15">{{item.valore}}</div>
							<div flex="100" flex-gt-sm="10" style="text-align:center">
								<md-checkbox ng-model="item.attivo" disabled="disabled">
								</md-checkbox>	
							</div>
							<div style="width:48px">
								<i class="fa fa-trash button-icon" ng-click="deleteOpzione($index, $event)">
									<md-tooltip>Elimina l'opzione</md-tooltip>
								</i>
							</div>
						</div>
				  </md-list-item>
			  	</md-virtual-repeat-container>
			</div>
      		</md-list>
     	</div>
	</md-dialog-content>
	
	<md-dialog-actions layout="row" >
		<span flex></span>
   		<md-button type="submit" ng-click="confirmDialog()" aria-label="Salva" class="md-raised md-primary" title="Salva" >
	       	<md-icon md-font-icon="fa-check" class="fa" aria-label="Salva"></md-icon>
    	    Salva
      	</md-button>
   		<md-button type="submit" ng-click="cancelDialog()" aria-label="Annulla" class="md-raised md-warn" title="Annulla" >
	       	<md-icon md-font-icon="fa-times" class="fa" aria-label="Annulla"></md-icon>
    	    Annulla
      	</md-button>
 	</md-dialog-actions>		
  			
</md-dialog>
