<?php

	include("../M0/communs_en_tete_HTML.html") ;
	
	$back_link = "../M6/index.php";
	include('../M0/communs_en_tete_home_back.html');

	$return_path = "/M3/gestion_sites.php" ;
	include('../M0/display_user_only.php'); 

?>

<!--
	src: url(https://jsbin-user-assets.s3.amazonaws.com/rafaelcastrocouto/password.ttf);
-->

<table align="center" width="<?php echo $tables_width ; ?>"  border="2" cellspacing="2" cellpadding="2" bordercolor="#ffffff" bgcolor="#000033">	
<form  name="frm_Change" method="post" action="./modify_super_users_password_execute.php" >
	
	<tr>
		<td align="center" colspan="2">
		
			<table width="98%">
			
				<tr align="center">
					<td>
						<div style="margin-top:10px;margin-bottom:10px;">
						<label 
							class="label_titres_menus" 
							style="font-size:21px;"
						>
							<u>- modifier son mot de passe administrateur -</u>
						</label>
						</div>
					</td>
				</tr>
			</table>

			<table width="98%">	
				<tr>
					<td align="right" width="28%"><label>old password :&nbsp;</label></td>
					<td align="left">
					
						<input 
							type="text" 
							name="current_Password" 
							id="current_Password" 
							value=""
							placeholder="ancien_mot_de_passe" 
							class="txtField_A" 
							style="width:280px;color:#000000;backgroundcolor:#ffffff;font-family:Arial;" 
						/>
					</td>
				</tr>
				<tr>
					<td align="right"><label>new password :&nbsp;</label></td>
					<td align="left">
						<input 
							type="text" 
							name="newPassword" 
							id="newPassword" 
							value=""
							placeholder="nouveau_mot_de_passe" 
							class="txtField_A" 
							style="width:280px;color:#000000;backgroundcolor:#ffffff;font-family:Arial;" 
						/>
					</td>
				</tr>
				<tr>
					<td align="right"><label>confirmation :&nbsp;</label></td>
					<td align="left">
						<input 
							type="text" 
							name="confirmPassword" 
							id="confirmPassword" 
							value=""
							placeholder="nouveau_mot_de_passe" 
							class="txtField_A" 
							style="width:280px;color:#000000;backgroundcolor:#ffffff;font-family:Arial;" 
						/>
					</td>
					
				</tr>
			</table>
			
			<div class="message">
				<?php if( isset($message) ) { 
						echo( '<font color="Salmon">' ) ; 
						echo( $message ) ; 
						echo( '</font>' ) ; 
					} ?>
			</div>
			
			<div>
				<br>
				<input id="check_box_1" type="checkbox" checked onclick="myFunction()">
				<label for="check_box_1"  class="txtField_B" >
					&nbsp;&nbsp;mots de passe visibles
				</label>
			</div>
			
			</br>
			<div>
				<input type="submit" name="submit" value="changer le mot de passe" class="button_A" >
			</div>
			</br>

		</td>
		
	</tr>

</form>
</table>

<script>

	function myFunction() {
		
	  var check_1 = document.getElementById("check_box_1");
	  
	  var x = document.getElementById("current_Password");
	  var y = document.getElementById("newPassword");
	  var z = document.getElementById("confirmPassword");

	  if (check_1.checked == true) {
		x.style.fontFamily = "Arial";
		y.style.fontFamily = "Arial";
		z.style.fontFamily = "Arial";
	  } else {
		x.style.fontFamily = "password";
		y.style.fontFamily = "password";
		z.style.fontFamily = "password";
	  }

	}
	
</script>

<script>
	function validatePassword() {
		return true;
	}
</script>

</body>
</html>