<div layout="column" style="height:100%" flex layout-align="center center" style="width:400px;height:350px">
		<div layout="column"  class="md-whiteframe-4dp" style="width:400px;height:350px" >
			<md-toolbar md-scroll-shrink>
	  		  <div class="md-toolbar-tools md-accent md-title">SICURA - Login</div>
	  		</md-toolbar>

			<form ng-submit="login()">				
				<div layout="column" layout-padding layout-align="space-between center" style="height:100%">
					<div layout="column">
						<md-input-container>
							<label>Nome utente:</label>
							<input ng-model="user.username" id="username" a-ng-blur="getGroups()" ng-required  tabindex="1" readonly="readonly">
						</md-input-container>
						
<!-- 						<md-input-container> -->
<!-- 							<label>Password:</label> -->
<!-- 							<input ng-model="user.password"  autocomplete="new-password" type="password" ng-blur="getGroups()" ng-required> -->
<!-- 						</md-input-container> -->
						<md-input-container>
							<label>Profilo utente</label>
							<md-select ng-model="user.userProfile" tabindex="0">
							  <md-option ng-repeat="profile in profiles" ng-value="profile.code" ng-required>
							    {{profile.description}}
							  </md-option>
							</md-select>
						</md-input-container>
					</div>
					
					<div layout="row">
						<md-button class="md-primary md-raised" type="submit" ">Accedi</md-button>
						<md-button class="md-warn md-raised">Annulla</md-button>
					</div>
				</div>
			</form>
		</div>
</div>
