JezK
Edit File: change_password.php
<?php include_once("app/checkSession.php"); if(empty($_SESSION['admin_id'])&& $_SESSION['admin_id']=='') { header("Location: ../owner_login.php"); } include('header.php'); ?> <link rel="stylesheet" href="./css/changepassword.css"> <body> <div class="container mt-3 px-md-5 px-3"> <div class="row"> <div class=" col-md-4"> <h5><?php echo $lang['CHANGE_PASSWORD']; ?></h5> </div> </div> </div> <form action="app/adminChangePassword.php" method="post"> <div class="container mt-5 px-5"> <div class="row"> <!-- <div class="col-md-1"></div> --> <div class="col-md-6 ipadWidth"> <div class="card"> <div id="changePassword_Div" class="card-body"> <div class="form-group"> <label><?php echo $lang['OLD_PASSWORD']; ?></label> <input class="form-control" type="password" name="oldPassword" id="oldPassword" placeholder="<?php echo $lang['ENTER_YOUR_OLD_PASSWORD']; ?>"> <i class="fa fa-eye-slash icon icon-display" id="togglePassword3"></i> <div class="error old_password_error"></div> </div> <div class="form-group"> <label><?php echo $lang['NEW_PASSWORD']; ?></label> <input class="form-control" type="password" name="password" id="password" placeholder="<?php echo $lang['ENTER_YOUR_NEW_PASSWORD']; ?>"> <i class="fa fa-eye-slash icon icon-display" id="togglePassword1"></i> </div> <div class="error password_error"></div> <div class="form-group"> <label><?php echo $lang['CONFIRM_PASSWORD']; ?></label> <input class="form-control" type="password" name="cnfrmPassword" id="cnfrmPassword" placeholder="<?php echo $lang['ENTER_YOUR_CONFIRM_PASSWORD']; ?>"> <i class="fa fa-eye-slash icon icon-display" id="togglePassword2"></i> </div> <div class="error cnfrmPassword_error"></div> <div class="form-group"> <input type="submit" name="changePwd" class="btn btnClass w-auto" value="<?php echo $lang['UPDATE_PASSWORD'];?>" onclick="return changePassword();"> </div> </div> </div> </div> <div class="col-md-3"></div> </div> </div> </form> <script> $(document).on('click', '#togglePassword3', function() { $(this).toggleClass("fa-eye fa-eye-slash"); var input = $("#oldPassword"); input.attr('type') === 'password' ? input.attr('type', 'text') : input.attr('type', 'password') }); $(document).on('click', '#togglePassword1', function() { $(this).toggleClass("fa-eye fa-eye-slash"); var input = $("#password"); input.attr('type') === 'password' ? input.attr('type', 'text') : input.attr('type', 'password') }); $(document).on('click', '#togglePassword2', function() { $(this).toggleClass("fa-eye fa-eye-slash"); var input = $("#cnfrmPassword"); input.attr('type') === 'password' ? input.attr('type', 'text') : input.attr('type', 'password') }); </script> <script type="text/javascript" src="js/validations.js"></script> <?php include('footer.php'); ?> <!--<script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script> <script type="text/javascript" src="js/validations.js"></script> </body> </html> -->