JezK

Edit File: functionHallchangePassword.php

<?php 
include('header.php');
$msg='';
if(isset($_SESSION['password']))
{
	if($_SESSION['password']==12)
	{
		$msg="Password changed successfully";
		$alert_color="alert-success";
	}else if($_SESSION['password']==13)
	{
		$msg="Password updated failed";
		$alert_color="alert-danger";
	}else if($_SESSION['password']==14)
	{
		$msg="Incorrect old password";
		$alert_color="alert-danger";
	}
	unset($_SESSION['password']);
}
?>
 <div class="d-flex" id="wrapper">
	 <?php 
	include('sidebar.php');
	?>
	<div id="page-content-wrapper">
		<div class="container-fluid  h-100">
			
			<div class=" booking">
				
					<form action="app/changepasswordApp.php" method="POST">
							<h2 class="text-center">Change Password</h1>
							
							<div class="w-50 mx-auto mt-5">
								<?php if(!empty($msg)){?>
								<div class="alert <?=$alert_color?>" role="alert">
								  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
									<?php echo $msg?>
								</div>
								<?php }?>
								<div  class="form-group">
									<label for="oldPassword text-left">Old Password</label>
									<input type="password" id="oldPassword" name="oldPassword" class="form-control">
									<div id="spanOldPassword"></div>
								</div>
								<div class="form-group">
								  <label for="NewPassword text-left">New Password:</label>
								  <input type="password" name="newPassword" id="newPassword" class="form-control">
									<div id="spanNewPassword"></div>
								</div>
								<div class="form-group">
								  <label for="ConformPassword text-left">Confirm Password:</label>
								  <input type="password" name="confirmPassword" id="confirmPassword" class="form-control">
									<div id="spanconfirmPassword"></div>
								</div>
								<button type="submit" class="btn btn-primary text-center submit-btn" id="changePasswordValidation">Submit</button>
							</div>
					  </form>					
						
			</div>
		</div>
	</div>
	</div>
<script>
	//validations
			$('#changePasswordValidation').click(function(){
				if($('#oldPassword').val()=='')
				{
					$('#spanOldPassword').text("Please enter old password").css({"color":"red","display": "inline-block","padding-left": "19px"});
					return false;
				}else
				{
					$('#spanOldPassword').text("");
					var password=$('#oldPassword').val();
					$.post('oldPasswordAjax.php?password='+password,function(data){
						if(data==0)
						{
							$('#spanOldPassword').text("Incorrect old password").css({"color":"red","display": "inline-block","padding-left": "19px"});
							return false;
						}else
						{
							$('#spanOldPassword').text("");
						}
						});
				}
				if($('#newPassword').val()=='')
				{
					$('#spanNewPassword').text("Please enter new password.").css({"color":"red","display": "inline-block","padding-left": "19px"});
					return false;
				}else
				{
					$('#spanNewPassword').text("");
				}
				if($('#confirmPassword').val()=='')
				{
					$('#spanconfirmPassword').text("Please enter confirm password.").css({"color":"red","display": "inline-block","padding-left": "19px"});
					return false;
				}else
				{
					$('#spanconfirmPassword').text("");
				}
				if($('#confirmPassword').val() == $('#newPassword').val())
				{
					$('#spanconfirmPassword').text("");
				}else
				{
					$('#spanconfirmPassword').text("Passwords did not match.").css({"color":"red","display": "inline-block","padding-left": "19px"});;
					return false;
				}
			
			});
		
</script>
<script>
	 $("#menu-toggle").click(function(e) {
      e.preventDefault();
      $("#wrapper").toggleClass("toggled");
    });
$(document).ready(function() {		
	$('#changepassword').addClass("active");		
	
	window.setTimeout(function() {
    $(".alert").fadeTo(500, 0).slideUp(500, function(){
        $(this).remove(); 
    });
}, 2000);
});
</script>
	</body>
<style>
.d-flex.align-items-baseline img {
    background: white;
margin-top:2px !important;
    padding: 4px;

}
</style>
</html>