------->  insAnadip.jsp  <---------

<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<div class="jumbotron jumbotron-billboard">
	<div class="img"></div>
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<h2>${Titolo}</h2>
				<p>${Titolo2}</p>
			</div>
		</div>
	</div>
</div>

<!--  inserito funzione javascript per controllare i caratteri inseriti nella password -->



<script language="javascript" type="text/javascript">

	
	function ctrPwd(pwd) {
	
	MessError = "";
	var value = pwd;
	
	document.getElementById('btnAdd').disabled = true;
	//alert('Campo Password: ' + document.getElementById('password').value + " - campo passato in function: " + pwd + " campo value per test: " + value)
	
	
	
	if (!hasLowerCase(value)) {
		//Non e' presente un carattere minuscolo.
		MessError = "Inserire almeno un carattere minuscolo";
	}
 
	if (!hasUpperCase(value)) {
		//Non e' presente un carattere maiuscolo.
		MessError = "Inserire almeno un carattere MAIUSCOLO";
	}

	if (!hasNumber(value)) {
		//Non e' presente un numero.
		MessError = "Inserire almeno un numero";
	}
   
	if (!hasSymbol(value)) {
		//Non e' presente un simbolo tra @#&%?
		MessError = "Inserire almeno un carattere speciali tra questi @#&%?";
	}
   
	//Il value rispetta tutti i criteri.
	if(MessError != "") {
		alert('Errori Rilevati: ' + MessError + " Input: " + value + " Passato da jsp: " + pwd)

	}
	else {
		document.getElementById('btnAdd').disabled = false;
	}
	return pwd;
}

function hasLowerCase(str) {
    return (/[a-z]/.test(str));
}

function hasUpperCase(str) {
    return (/[A-Z]/.test(str));
}

function hasSymbol(str) {
    return (/[@#&%?]/.test(str));
}

function hasNumber(str) {
  return /\d/.test(str);
}

// controllo non utilizzo della username utilizzando jquery
function ctrUserName(username) {
	
	MessError = "";

	
	

}

</script>







<section class="container">
	<div class="portlet light bordered">
		 <div class="portlet-title">
		 	 <div class="caption font-red-sunglo">
            	<i class="icon-settings oi oi-pencil"></i>
             	<span class="caption-subject bold uppercase"><spring:message code="insanadip.form.datiform.label"/></span>
            </div>
             <section class = "locale-link"> 
            	<a href="?language=en"><img width="40" height="40" src="<c:url value="/static/images/US.png" />"></a>
		      	<a href="?language=it"><img width="40" height="40"src="<c:url value="/static/images/IT.png" />"></a>                
      		</section> 
		 </div>
		<div class="portlet-body form">
				<form:form  method="POST" modelAttribute="userform"  >
				<form:errors path="*" cssClass="alert alert-danger" element="div"/> 
			
				<div class="form-body">
				 
					<div class="form-group">
						<label for="matricola" class="col-md-2"><spring:message code="insanadip.form.matricola.label"/></label>
						<div class="col-md-2">
							<form:input id="matricola" path="matricola" type="text" class="form-control" placeholder="Matricola" readonly="true"/>  
						</div> 
						<form:errors path="matricola" cssClass="text-danger"/>	
					</div>
					
					<div class="form-group">
						<form:label path="cognome"  class="col-md-2"><spring:message code="insanadip.form.cognome.label"/></form:label>
						<div class="col-md-8">
							<form:input  path="cognome" type="text" class="form-control" placeholder="Cognome Utente" style="text-transform: uppercase;" required="required"/>
						</div> 	 
						<form:errors path="cognome" cssClass="text-danger"/>
					</div>
					
				<div class="form-group">
						<label for="nome"  class="col-md-2"><spring:message code="insanadip.form.nome.label"/></label>
						<div class="col-md-4">
							<form:input id="nome" path="nome" type="text" class="form-control" placeholder="Nome" style="text-transform: uppercase;"/> 
						</div>	 
						<form:errors path="nome" cssClass="text-danger"/>
				</div>					
   
				<!-- User Name  -->				
					<div class="form-group">
						<label for="userid"  class="col-md-2"><spring:message code="insanadip.form.userid.label"/></label>
						<div class="col-md-3">
							<form:input id="userid" path="userid" type="text" class="form-control" placeholder="User Id" style="text-transform: uppercase;"  onblur="return ctrUserName(this.value);"/>
						</div> 	 
						<form:errors path="userid" cssClass="text-danger"/>
					</div>
					<div class="form-row">		
    			<!-- Password  -->	
    					<div class="form-group  col-md-4">
							<label for="password" ><spring:message code="insanadip.form.password.label"/></label>
								<!-- bottone per help sulle caratteristiche della password  -->
							&nbsp;&nbsp;
							<!-- Trigger the modal with a button -->
							<button type="button" class="btn btn-info btn-sm btn-outline-success" data-toggle="modal" data-target="#myModal">Regole</button>
				
							<div>
								<form:password id="password" path="password" size="10" class="form-control" placeholder="password" onblur="return ctrPwd(this.value);"/>
							</div>
						</div>
						<div class="form-group  col-md-4"">
							<form:errors path="password" cssClass="text-danger"/>
						</div>
						<div class="form-group  col-md-4"">
					<!-- erano qui -->
	
							<!-- Modal -->
							<div id="myModal" class="modal fade" role="dialog">
							  <div class="modal-dialog">
							
							    <!-- Modal content-->
							    <div class="modal-content">
							      <div class="modal-header">
							        <h4 class="modal-title">Regole da rispettare per la password</h4>
							        <button type="button" class="close" data-dismiss="modal">&times;</button>
							      </div>
							      <div class="modal-body">
							        <p>Lunghezza minima 8 massima 25 caratteri</p><br>
							        <p>deve essere presente almeno un carattere  <b>Maiuscolo</b>  </p><br>							        
							        <p>deve essere presente almeno un carattere  <b>minuscolo</b></p><br>
							        <p>deve essere presente almeno un carattere tra <b>@ # & % ?</b></p><br>	
      										        
							      </div>
							      <div class="modal-footer">
							        <button type="button" class="btn btn-default" data-dismiss="modal">Chiudi</button>
							      </div>
							    </div>
							
							  </div>
							</div>
							
							
							
							<!--  <a href="/static/images/puntoInt142x160.jpg"><img width="40" height="40" class="img-rounded" src="<c:url value="/static/images/puntoInt142x160.jpg" />" alt="puntoinf" ></a>  -->    
							
						</div>
					</div>
				<!-- Radio Button per impostazione se utente loggabile -->					
				   <div class="form-group col-md-4">
			       	        <label for="loggabile"><spring:message code="insanadip.form.loggabile.label"/><span class="form-required">*</span>&nbsp;&nbsp;</label>
        						<!-- originaria prima di modificare i radio button in Bottoni -->
        						<!--  
        								SI <form:radiobutton path="loggabile" value="SI"/>  
        								NO <form:radiobutton path="loggabile" value="NO" checked="checked"/>     -->
        						
        						<!-- provvisorio - modificato radio button con aspetto a bottoni -->
        						 <div class="btn-group btn-group-toggle" data-toggle="buttons">
										  <label class="btn btn-secondary">
										    <input type="radio" name="loggabile" id="SI" autocomplete="off"> Si
										  </label>
										  &nbsp;&nbsp;
										  <label class="btn btn-secondary  active">
										    <input type="radio" name="loggabile" id="NO" autocomplete="off"  checked> No
										  </label>
								</div>		
        								
        								
							<form:errors path="Loggabile" cssClass="text-danger"/>
			        </div>
			        
			       
			        
			        
			        
				<div class="form-row">
				  	<!-- Combo per selezione Titolo -->
						<div class="form-group col-md-4">
						<label for="titolo"><spring:message code="insanadip.form.titolo.label"/></label>
						<form:select path="titolo" class="form-control" width="70px">
			             <form:options items="${Titoli}" itemValue="idTitolo" itemLabel="dTitolo" />
						</form:select>
					</div>
					<!-- Combo per selezione Stato -->
					<div class="form-group col-md-4">
						<label for="idStato"><spring:message code="insanadip.form.stato.label"/></label>
						<form:select path="idStato" class="form-control">
           				<form:options items="${stato}" itemValue="idStatoUtente" itemLabel="dStatoUtente"/>
						</form:select>
					</div>
					<!-- Combo per selezione Profilo -->
					<div class="form-group col-md-4">
						<label for="userlevel"><spring:message code="insanadip.form.livello.label"/></label>
						<form:select path="userlevel" class="form-control">
           				<form:options items="${Profilo}" itemValue="level" itemLabel="descLevel"/>
						</form:select>
					</div>
				</div>
			  		<!-- Note  -->	
					<div class="form-group">
						<label for="noteanag"><spring:message code="insanadip.form.note.label"/></label>
						<form:textarea id="noteanag"  type="textarea" path="noteanag" cols="40" rows="6" data-component="textarea" placeholder="Inserire eventuali note" class="form-control"/> 
					</div>		
				<hr class="line-form">
				
				<div class="form-actions">
					<input type="submit" id="btnAdd" class="btn btn-primary form-buttons" value = <spring:message code="insanadip.form.btnAdd.label"/>  />
					<a href="<spring:url value="/anadip/" /> " id="btnAbort" class="btn btn-default form-buttons" >
						<spring:message code="insanadip.form.annulla.label"/>
					</a>
				</div>
			
				</form:form>
			</div>
	</div>
</section>