EVOLUTION-NINJA

Edit File: faculty_login.php

<!DOCTYPE html>
<html>

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

</head>

<?php
$email = '';
$password = '';

if (isset($_COOKIE['faculty_cookie_email'])) {
    $email = $_COOKIE['faculty_cookie_email'];
}
if (isset($_COOKIE['faculty_cookie_password'])) {
    $password = $_COOKIE['faculty_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" style="border-radius:5px;">
            <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" class="input-group-addon"></span>
                </div>

<div class="form-group">
                    <div class="input-group">
                        
                        <input type="password" class="form-control" id="password" name="password" value="<?= $password ?>" placeholder="Password *" required="required">
                        <div class="input-group-addon eye-toggle">
                            
                            <i id="togglePassword" class="eye-icon fas fa-eye-slash"></i>
                        </div>
                    </div>
                </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" class="btn btn-primary btn-block btn-flat submit" style="border-radius: 5px;">Login</button>
                    </div>
                    
                </div>
            </form>
            <a href="<?php echo site_url('faculty-forgot-password') ?>">Forgot Password</a>
        </div>
        
    </div>

.form-control{
            border-radius: 5px;
        }

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

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

.input-group .input-group-addon {
            background-color: #e5e5e5;
            border-left: 0px;
        }

.has-feedback .glyphicon {
            background-color: #e5e5e5;
            border: 1px solid #d1c3c3;
            width: 12%;
            /* border-left: 0px; */
        }
    </style>

</body>

</html>
<script type="text/javascript">
    // function togglePasswordVisibility(inputId) {
    //     var passwordInput = document.getElementById(inputId);
    //     var eyeIcon = document.querySelector('.eye-toggle i');

//     if (passwordInput.type === 'password') {
    //         passwordInput.type = 'text';
    //         eyeIcon.classList.remove('fa-eye');
    //         eyeIcon.classList.add('fa-eye-slash');
    //     } else {
    //         passwordInput.type = 'password';
    //         eyeIcon.classList.remove('fa-eye-slash');
    //         eyeIcon.classList.add('fa-eye');
    //     }
    // }

const passwordInput = document.getElementById('password');
        const togglePasswordButton = document.getElementById('togglePassword');

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');
            }
        });

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

contentType: false,
                processData: false,

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

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

}
                }
            });
        });

//faculty_login view page

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

});
</script>