EVOLUTION-NINJA

Edit File: login.php

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>AMCAD</title>
    
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

</head>
<?php
$email = '';
$password = '';

if (isset($_COOKIE['email'])) {
    $email = $_COOKIE['email'];
}
if (isset($_COOKIE['password'])) {
    $password = $_COOKIE['password'];
}
?>

<body class="hold-transition login_page">
    <div class="login-box">
        <div class="login-logo">
            <a href="../../index.html"><img src="<?php echo base_url('public/assets/images/Logo_AMCAD.png') ?>" class="img-responsive center-block"></a>
        </div>
        
        <div class="login-box-body">
            <p class="login-box-msg">Login to start your session</p>
            <form id="admin_login">
                <div class="form-group has-feedback">
                    <input type="text" class="form-control" placeholder="Email" name="email" id="email" value="<?= $email ?>" required />
                    <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
                </div>
                <div class="form-group has-feedback">
                    <input type="password" class="form-control password-input" placeholder="Password" name="password" id="password" value="<?= $password ?>" required />
                    
                    <i id="togglePassword" class="eye-icon fas fa-eye-slash"></i>

</div>
                <div class="row">
                    <div class="col-xs-8">
                        <div class="checkbox icheck">
                            <label>
                                <input type="checkbox" value="1" name="remember" id="login_remember" class="remember_me" /> Remember Me
                            </label>
                        </div>
                    </div>
                    
                    <div class="col-xs-4">
                        <button type="submit" style="border-radius: 5px;" class="btn btn-primary btn-block btn-flat submit">Login</button>
                    </div>
                    
                </div>
            </form>
            
        </div>
        
    </div>

togglePasswordButton.addEventListener('click', function() {
            if (passwordInput.type === 'password') {
                passwordInput.type = 'text';
                togglePasswordButton.classList.remove('fa-eye-slash');
                togglePasswordButton.classList.add('fa-eye');
            } else {
                passwordInput.type = 'password';
                togglePasswordButton.classList.remove('fa-eye');
                togglePasswordButton.classList.add('fa-eye-slash');
            }
        });
    </script>
    <style>
        .login_page {
            background: url('<?php echo base_url('public/assets/images/login_bg.png') ?>') no-repeat center center/ cover;
            /* background-color: black; */
            border-radius: 10px !important;
        }

.login-logo a {
            color: #fff;
        }

.remember_me {
            opacity: initial !important;
            width: 65% !important;
        }

.login-box-body{
    /* box-shadow: #39FF14 0px 50px 100px -20px, #39FF14 0px 30px 60px -30px, #39FF14 0px -2px 6px 0px inset; */
    border-radius: 5px;
}
        .fa-solid,
        .fas {
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            position: relative !important;
            top: -23px !important;
            float: right !important;
            left: -9px !important;
        }
        .form-control{
            border-radius: 5px;
        }
    </style>

</body>

</html>
<script type="text/javascript">
    $(document).ready(function() {

$('#admin_login').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('admin_login') ?>',
                data: formdata,

contentType: false,
                processData: false,

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

if (response.result == 1) {
                        $(".submit").text("Login");
                        $(".submit").removeAttr('disabled');
                        toastr["success"](response.message);
                        window.location = '<?php echo site_url("admin_dashboard") ?>';
                    } else if (response.result == 2) {
                        $(".submit").text("Login");
                        $(".submit").removeAttr('disabled');
                        toastr["success"](response.message);
                        window.location = '<?php echo site_url("faculty-dashboard") ?>';
                    } else if (response.result == 3) {
                        $(".submit").text("Login");
                        $(".submit").removeAttr('disabled');
                        toastr["success"](response.message);
                        window.location = '<?php echo site_url("user-dashboard") ?>';
                    } else {
                        toastr["error"](response.message);
                        $(".submit").text("Login");
                        $(".submit").removeAttr('disabled');

}
                }
            });
        });

//login view page

var email = $('#email').val();
        var password = $('#password').val();
        if ((email != "") && (password != "")) {
            $('.remember_me').prop('checked', true);
        }
    });
</script>