EVOLUTION-NINJA

Edit File: update_password.php

<!DOCTYPE html>
<html lang="en">

<head>

<title>Nparrots</title>

<link href="<?php echo base_url('public/assets/css/avinash.css') ?>" rel="stylesheet">

<link href="<?php echo base_url('public/assets/css/bootstrap.min.css') ?>" rel="stylesheet">

<link href="<?php echo base_url('public/assets/css/metisMenu.min.css') ?>" rel="stylesheet">

<link href="<?php echo base_url('public/assets/css/timeline.css') ?>" rel="stylesheet">

<link href="<?php echo base_url('public/assets/css/sb-admin-2.css') ?>" rel="stylesheet">

<link href="<?php echo base_url('public/assets/css/morris.css') ?>" rel="stylesheet">

<link href="<?php echo base_url('public/assets/css/font-awesome.min.css') ?>" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="<?php echo base_url('public/assets/toastr/toastr.min.css'); ?>">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

</head>

<body>

<div class="col-sm-4">
                <form id="update_password_form">
                    <img src="<?php echo base_url('/assets/images/Logo_AMCAD.png'); ?>" class="img-responsive center-block" style="padding-bottom:30px;">

<input class="form-control" name="encrypted_id" type="hidden" value="<?= esc($encrypted_id); ?>" required>

<div class="form-group">
                        <label class="control-label" style="color:#555;">Old Password</label>
                        <input class="form-control" name="oldPassword" type="text" required>

</div>
                    <div class="form-group">
                        <label class="control-label" style="color:#555;">Enter New Password</label>
                        <input class="form-control" id="password1" name="password1" type="password" required>
                        <i id="togglePassword1" class="eye-icon fas fa-eye-slash"></i>
                    </div>

<div class="form-group">
                        <label class="control-label" style="color:#555;">Retype Password</label>
                        <input class="form-control" id="password2" name="password2" type="password" required>
                        <i id="togglePassword2" class="eye-icon fas fa-eye-slash"></i>
                    </div>

<form id="update_password_form" action="<?= site_url('reset_password') ?>" method="post">

<div class="form-group row" lass="form-group">
                            <div class="col-sm-6" style="text-align:center;">
                                <button type="submit" class="btn btn-primary submit">Submit</button>
                            </div>
                    </form>
                    <div lass="col-sm-6" style="text-align:center;">
                        <button type="button" id="cancel" class="btn btn-danger center-block cancel cancel_1">Cancel</button>
                    </div>
            </div>

</div>

</form>

</div>

.fas {
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            position: relative !important;
            top: -23px !important;
            float: right !important;
            left: -9px !important;
        }
    </style>

<script src="<?php echo base_url('public/assets/js/jquery.min.js') ?>"></script>

<script src="<?php echo base_url('public/assets/js/bootstrap.min.js') ?>"></script>
    <script type="text/javascript" src="<?php echo base_url('public/assets/toastr/toastr.min.js'); ?>"></script>

$('#update_password_form').submit(function(e) {
                e.preventDefault();

formdata = new FormData($(this)[0]);

$(".submit").attr('disabled', 'disabled');
                $(".submit").text("Submitting...");

$.ajax({

type: 'post',
                    url: '<?php echo site_url("reset_password") ?>',
                    data: formdata,
                    contentType: false,
                    processData: false,

success: function(response) {
                        //   response=jQuery.parseJSON(response);
                        console.log(response);

if (response.result == 1) {
                            //toastr["success"](response.message);
                            swal(response.message);
                            $('#update_password_form')[0].reset();
                            $(".submit").text("Submit");
                            $(".submit").removeAttr('disabled');

if (response.data.user_type_id == '1') {
                                setTimeout(function wait() {
                                    window.location = '<?php echo site_url("/admin") ?>';
                                }, 1000);
                            } else if (response.data.user_type_id == '2') {
                                setTimeout(function wait() {
                                    window.location = '<?php echo site_url("/faculty") ?>';
                                }, 1000);
                            } else if (response.data.user_type_id == '4') {
                                setTimeout(function wait() {
                                    window.location = '<?php echo site_url("/institution-login") ?>';
                                }, 1000);
                            } else {
                                setTimeout(function wait() {
                                    window.location = '<?php echo site_url("/") ?>';
                                }, 1000);
                            }
                        } else if (response.result == 2) {
                            //toastr["error"](response.message); 
                            swal(response.message);
                            $(".submit").text("Submit");
                            $(".submit").removeAttr('disabled');
                        } else {
                            //toastr["error"](response.message);  
                            swal(response.message);
                            $(".submit").text("Submit");
                            $(".submit").removeAttr('disabled');
                        }

}

});

});
        });
    </script>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            const passwordInput3 = document.querySelector('input[name="oldPassword"]');
            const togglePasswordButton3 = document.getElementById('togglePassword3');

// Populate the old password field with the old password
            passwordInput3.value = '<?php echo session()->get("password"); ?>';

togglePasswordButton3.addEventListener('click', function() {
                if (passwordInput3.type === 'password') {
                    passwordInput3.type = 'text';
                    togglePasswordButton3.classList.remove('fa-eye-slash');
                    togglePasswordButton3.classList.add('fa-eye');
                } else {
                    passwordInput3.type = 'password';
                    togglePasswordButton3.classList.remove('fa-eye');
                    togglePasswordButton3.classList.add('fa-eye-slash');
                }
            });
        });

const passwordInput1 = document.getElementById('password1');
        const togglePasswordButton1 = document.getElementById('togglePassword1');

togglePasswordButton1.addEventListener('click', function() {
            if (passwordInput1.type === 'password') {
                passwordInput1.type = 'text';
                togglePasswordButton1.classList.remove('fa-eye-slash');
                togglePasswordButton1.classList.add('fa-eye');
            } else {
                passwordInput1.type = 'password';
                togglePasswordButton1.classList.remove('fa-eye');
                togglePasswordButton1.classList.add('fa-eye-slash');
            }
        });

const passwordInput2 = document.getElementById('password2');
        const togglePasswordButton2 = document.getElementById('togglePassword2');

togglePasswordButton2.addEventListener('click', function() {
            if (passwordInput2.type === 'password') {
                passwordInput2.type = 'text';
                togglePasswordButton2.classList.remove('fa-eye-slash');
                togglePasswordButton2.classList.add('fa-eye');
            } else {
                passwordInput2.type = 'password';
                togglePasswordButton2.classList.remove('fa-eye');
                togglePasswordButton2.classList.add('fa-eye-slash');
            }
        });
    </script>

</body>

</html>