| Server IP : 74.208.236.18 / Your IP : 216.73.216.185 Web Server : Apache System : Linux infong654 4.4.400-icpu-108 #2 SMP Wed Feb 11 10:12:42 UTC 2026 x86_64 User : u39365822 ( 135825) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /homepages/7/d147067425/htdocs/client_user_2/ |
Upload File : |
<?php
session_start();
if(!isset($_SESSION['loggedinC']) && @$_SESSION['loggedinC'] != '1'):
header("Location:index.php");
endif;
include("./includes/db_con_get.php");
//print($_SESSION['CURRENT_CLIENT']['UserID']);exit;
?>
<!DOCTYPE html>
<html lang="en">
<?php include("../includes/header.php"); ?>
<body class="sb-nav-fixed">
<style>
input[type="number"]{ width: 100%; padding:10px; }
.left-btn { float: left; }
.right-btn { float: right; }
.mpopup {display: none; position: fixed; z-index: 9999;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.md-modal-content {position: relative;background-color: #fff;margin: auto;padding: 0;width: 450px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s;border-radius: 0.3rem;}
.md-modal-header {padding: 2px 12px;background-color: #ffffff;color: #333;
border-bottom: 1px solid #e9ecef;border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem;}
.md-modal-header h2{font-size: 1.25rem;margin-top: 14px;margin-bottom: 14px;}
.md-modal-body {padding: 2px 12px;}
.md-modal-footer {padding: 1rem;background-color: #ffffff;color: #333;
border-top: 1px solid #e9ecef;border-bottom-left-radius: 0.3rem;border-bottom-right-radius: 0.3rem;text-align: right;}
.close {color: #888;float: right;font-size: 28px;font-weight: bold;}
.close:hover, .close:focus {color: #000;text-decoration: none;cursor: pointer;}
.blncCell {display: flex;
justify-content: space-around;}
.btnInc { display: none }
.btnDec { display: none }
/* add animation effects */
@-webkit-keyframes animatetop {from {top:-300px; opacity:0}to {top:0; opacity:1}}
@keyframes animatetop {from {top:-300px; opacity:0}to {top:0; opacity:1}}
.error {color: red;
font-size: 13px;
font-style: italic;}
/* Absolute Center Spinner */
.loading {
position: fixed;
display:none;
z-index: 999;
height: 2em;
width: 2em;
overflow: show;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
/* Transparent Overlay */
.loading:before {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}
/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
/* hide "loading..." text */
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.loading:not(:required):after {
content: '';
display: block;
font-size: 10px;
width: 1em;
height: 1em;
margin-top: -0.5em;
-webkit-animation: spinner 150ms infinite linear;
-moz-animation: spinner 150ms infinite linear;
-ms-animation: spinner 150ms infinite linear;
-o-animation: spinner 150ms infinite linear;
animation: spinner 150ms infinite linear;
border-radius: 0.5em;
-webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}
/* Animation */
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.clChk, .empChk {
visibility: hidden;
}
.amd-content {
width:800px;
}
</style>
<?php include("./includes/topnavbar.php"); ?>
<div id="layoutSidenav">
<?php include("./includes/sidenavbar.php"); ?>
<div id="layoutSidenav_content">
<main>
<div class="container-fluid px-4 py-3">
<div class="row justify-content-center">
<div class="col-lg-5">
<div class="card-header"><h5 class="text-center font-weight-light my-4">Change Password</h5></div>
<div id="error"></div>
<p style="color:red;padding: 0 10px 0 10px;"><?= @$errorsAndAlerts ?></p>
<div class="card-body">
<form method="post" id="reset-form" class="reset-form">
<div class="form-group">
<label for="inputPassword">Password</label>
<input class="form-control" id="password" name="password" type="password" placeholder="Enter New Password" />
</div>
<div class="form-group mt-2">
<label for="inputConfirmPassword">Confirm Password</label>
<input class="form-control" id="confirm_password" name="confirm_password" type="password" placeholder="Enter Confirm New Password"/>
</div>
<input type="hidden" name="token" value="<?php echo base64_encode($_SESSION['CURRENT_CLIENT']['UserID']);?>"/>
<div class="d-flex align-items-center justify-content-between mt-4 mb-0">
<button type="submit" class="btn btn-primary" name="btn-reset" id="btn-rest">Reset Password</button>
</div>
</form>
</div>
</div>
</div>
</div>
</main>
<?php include("./includes/footer.php"); ?>
</div>
</div>
<?php include("./includes/footer_js.php"); ?>
<div class="loading">Loading…</div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script>
$('document').ready(function(){
$("#reset-form").validate({
rules:
{
password: {
required: true,
minlength: 5
},
confirm_password: {
required: true,
equalTo: '#password'
},
},
messages:
{
password: {
required: "Please provide a password",
minlength: "Password at least have 5 characters"
},
confirm_password: {
required: "Please retype your password",
equalTo: "Password doesn't match !"
}
},
submitHandler: submitForm
});
/* handle form submit */
function submitForm() {
var data = $("#reset-form").serialize();
$.ajax({
type : 'POST',
url : 'includes/main.php',
data : data,
beforeSend: function() {
$("#error").fadeOut();
$("#btn-reset").html('sending...');
},
success : function(response) {
$("#error").html('');
if($.trim(response)=="success"){
$("#error").fadeIn(1000, function(){
$("#reset-form")[0].reset();
$("#error").html('<div class="alert alert-success">Congratulations! Your password has been updated successfully.</div>');
$("#btn-submit").html('Reset Password');
});
} else {
$("#error").fadeIn(1000, function(){
$("#error").html('<div class="alert alert-danger">'+response+'</div>').show();
});
}
}
});
return false;
}
});
</script>
</body>
</html>