<?php
include "header.php";
include "sidebar.php";
?>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/css/jasny-bootstrap.min.css"/>
<script type="text/javascript">
$(document).ready(function() {
$("#ChangePassword").validate({
rules: {
oldPassword: {
required: true,
remote: "checkOldpassword.php",
},
newPassword: {
required: true,
},
confirmPassword: {
required: true,
equalTo: '#newPassword',
}
},
messages: {
oldPassword: {
required: "This field cannot be blank.",
remote: "Old Password Does Not Match.",
},
newPassword: {
required: "This field cannot be blank.",
},
confirmPassword: {
required: "This field cannot be blank.",
equalTo: "Please enter same password again.",
}
}
});
});
</script>
<style type="text/css">
label.error{
color: #cc0000;
}
body {
color: #73879C;
background: #2A3F54;
font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.471;
}
.mandatory {
color:#cc0000;
}
.row{
margin-bottom: 10px;
}
.control-label {
font-size:14px;
}
</style>
<aside class="right-side">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
Change Password
<!--<small>...</small>-->
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
<!--<li><a href="#">Forms</a></li>-->
<li class="active">Change Password</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<!-- left column -->
<div class="">
<!-- general form elements -->
<div class="box box-primary">
<div class="box-header">
<h3 class="box-title">Update Your Password
</h3><div class="pull-right" style="font-size:15px;"><span class="mandatory">*</span> indicates required field </div>
</div><!-- /.box-header -->
<!-- form start -->
<form role="form" class="form-horizontal" name="ChangePassword" id="ChangePassword" method="post" action="change_passwordexe.php" enctype="multipart/form-data" autocomplete="off">
<div class="box-body">
<?php if(isset($_SESSION['msg']) && $_SESSION['msg']=='data_updated') { ?>
<div class="row">
<div class="col-sm-6">
<div class="alert alert-success alert-dismissible">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
Password Change successfully!!.
</div>
</div>
</div>
<?php
$_SESSION['msg'] = '';
}
?>
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="categoryName" class="control-label col-sm-5 ">Old Password <span class="mandatory">*</span></label>
<div class="col-sm-6">
<input type="password" class="form-control isRequired" id="oldPassword" name="oldPassword" placeholder="Old Password" title="Please enter old Password" />
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label for="categorySlug" class="col-sm-5 control-label">New Password <span class="mandatory">*</span></label>
<div class="col-sm-6">
<input type="password" class="form-control isRequired" id="newPassword" name="newPassword" placeholder="New Password" title="Please enter new Password" />
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label for="status" class="col-sm-5 control-label">Confirm Password <span class="mandatory">*</span></label>
<div class="col-sm-6">
<input type="password" class="form-control isRequired" id="confirmPassword" name="confirmPassword" placeholder="Confirm Password" title="Please confirm your password"/>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="box-footer">
<div class="col-sm-6">
<input type="submit" name="submit" class="btn btn-primary" value="Change Password">
<input type="reset" name="reset" class="btn bg-primary" value="Reset">
</div>
</div>
</div>
</div>
</form>
</div><!-- /.box -->
</div><!--/.col (left) -->
</section><!-- /.content -->
</aside>
<?php
include "footer.php";
?>