<?php
require_once("../scripts/functions.php");
checkAccess();
$n1 = rand(0,9);
$n2 = rand(0,9);
$n3 = rand(0,9);
$n4 = rand(0,9);
$n5 = rand(0,9);
$n6 = rand(0,9);
$captcha = "$n1$n2$n3$n4$n5$n6";
?>   
<!DOCTYPE html>
<html lang="en-US" class="js">
<head>  
    <meta charset="utf-8">
    <meta name="author" content="Softnio">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="<?php echo $description ?>">
    <link rel="shortcut icon" href="../images/<?php echo $favicon ?>" type="image/x-icon">
    <!-- Fav Icon  -->
    <link rel="shortcut icon" href="../images/<?php echo $favicon ?>">
    <!-- Page Title  -->
    <title>Home |  Welcome to <?php  echo "$sitename";?> Online Banking</title>
    <script src="//code.tidio.co/iluyrakwooqp9f8lacpqgtila7oofoe2.js" async></script>
    <!-- StyleSheets  -->
    <link rel="stylesheet" href="../assets/css/dashlite.css?ver=2.4.0">
    <link rel="stylesheet" href="../scss/sweetalert.css">
    <link id="skin-default" rel="stylesheet" href="../assets/css/theme.css?ver=2.4.0">
    <link id="skin-default" rel="stylesheet" href="../assets/css/theme.css?ver=2.4.0">
    <link href="../css/toastr.css" rel="stylesheet"/>
</head>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
    <style>
.goog-te-gadget-simple {
border:none;
}
.goog-te-gadget-simple a {
color:#000;
}
</style>
<style type="text/css">
    .btn-primary{
        background-color: #3140fc;
    }
    .btn-secondary{
        background-color: #d13636;
    }
    .btn-secondary:hover{opacity: 0.6;}
    .btn-primary:hover{opacity: 0.6;}
</style>
<style>
    input[type=number] {
        height: 50px;
        width: 50px;
        font-size: 25px;
        color: #3140fc;
        text-align: center;
        border: 3px solid #3140fc;
        box-shadow: 4px #3140fc;
        border-radius: 7px;
        font-weight: 600;
    }
    input[type=number]:focus{
        border-bottom:5px solid #008000;
        
    }
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    </style>
<body class="nk-body npc-crypto bg-white pg-auth">
    <!-- app body @s -->
    <div class="nk-app-root">
        <div class="justify-center card-header">
            <div class="nk-split-content nk-block-area nk-block-area-column nk-auth-container bg-white">
                <div class="absolute-top-right d-lg-none p-3 p-sm-5">
                    <a href="#" class="toggle btn-white btn btn-icon btn-light" data-target="athPromo"><em class="icon ni ni-info"></em></a>
                </div>
                <div class="nk-block nk-block-middle nk-auth-body">
                <center class="brand-logo pb-5">
                        <a href="../" class="logo-link">
                            <img class="logo-light logo-img logo-img-lg" src="../<?php echo$logo?>" srcset="../<?php echo $logo ?>" alt="logo">
                            <img class="logo-dark logo-img logo-img-lg" src="../<?php echo $logo ?>" srcset="../<?php echo $logo ?>" alt="logo-dark">
                        </a>
                    </center>
                
                    <br>
                    <?php if(isset($_GET['action']) AND $_GET['action'] == "verify"){ ?>
                    <div class="nk-block-head">
                        <div class="nk-block-head-content">
                            <h3 class="nk-block-title">Authentication</h3>
                            <div class="nk-block-des alert alert-pro alert-primary">
                                <p class="alert-text">Let's make sure it's really you. We just sent a verification code to the email address that is associated with your <?php echo $sitename ?> account. Enter the 4 digits code below;</p>
                            </div>
                        </div>
                    </div><!-- .nk-block-head -->
                    <form action="../scripts/auth?action=userVerify2fa" id="2faForm" method="post">
                        <div class="form-group nk-feature-center">
                        <input id="codeBox1" name="codeBox1" type="number" maxlength="1" onkeyup="onKeyUpEvent(1, event)" onfocus="onFocusEvent(1)"/>
                        <input id="codeBox2" name="codeBox2" type="number" maxlength="1" onkeyup="onKeyUpEvent(2, event)" onfocus="onFocusEvent(2)"/>
                        <input id="codeBox3" name="codeBox3" type="number" maxlength="1" onkeyup="onKeyUpEvent(3, event)" onfocus="onFocusEvent(3)"/>
                        <input id="codeBox4" name="codeBox4" type="number" maxlength="1" onkeyup="onKeyUpEvent(4, event)" onfocus="onFocusEvent(4)"/>
                        </div><!-- foem-group -->
                        <div class="form-group">
                            <div id="loginResult"></div>
                        </div><!-- .foem-group -->
                        <div class="form-group">
                            <button class="btn btn-lg btn-primary btn-block" type="submit" id="btn">Verify</button>
                        </div>
                    </form><!-- form -->
                    <center class="p-3">
                        <a href="../personal-banking/logout" class="btn btn-sm btn-secondary"><em class="icon ni ni-delete"></em>Cancel</a>
                    </center>
                <!------------Password Reset--------->   
                    <?php } elseif (isset($_GET['action']) AND $_GET['action'] == "resetpass") { ?>
                    <div class="nk-block-head">
                        <div class="nk-block-head-content">
                            <h3 class="nk-block-title">Reset Account password</h3>
                            <div class="nk-block-des alert alert-pro alert-primary">
                                <p class="alert-text">Kindly provide your <?php echo$sitename ?> account number.</p>
                            </div>
                        </div>
                    </div><!-- .nk-block-head -->
                    <form action="../scripts/auth?action=userPassReset" id="resetForm" method="post">
                        <div class="form-group">
                            <div class="form-label-group">
                                <label class="form-label" for="default-01">Account Number</label>
                            </div>
                            <input type="text" class="form-control form-control-lg" autocomplete="off" id="id" placeholder="Enter your Account Number" name="id" required>
                        </div><!-- foem-group -->
        <div class="form-group">
        <link href="https://fonts.googleapis.com/css?family=Henny+Penny&display=swap" rel="stylesheet">
        <div style="height: 46px; line-height: 46px; width:100%; text-align: center; background-color: #3140fc; color: #ffffff!important; font-size: 26px; font-weight: bold; letter-spacing: 20px; font-family: 'Henny Penny', cursive;  -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;  display: flex; justify-content: center;" class="captcha"><span style="    float:left;     -webkit-transform: rotate(55deg);"><?php echo$n1 ?></span><span style="    float:left;     -webkit-transform: rotate(17deg);"><?php echo$n2 ?></span><span style="    float:left;     -webkit-transform: rotate(-56deg);"><?php echo$n3 ?></span><span style="    float:left;     -webkit-transform: rotate(-51deg);"><?php echo$n4 ?></span><span style="    float:left;     -webkit-transform: rotate(0deg);"><?php echo$n5 ?></span><span style="    float:left;     -webkit-transform: rotate(-45deg);"><?php echo$n6 ?></span></div><input type="hidden" name="captcha_secret" value="da6f040a13868b805eb3654ba0607afef7fa0c157ee5c3a5352eb625efb7bd32"></div>
        <div id="resetResult"></div>
    <div class="form-group">
        <input type="text" name="captcha" id="captcha" class="form-control form-control-xl" placeholder="Enter code" autocomplete="off" required>
    </div>   
                        
                        <div class="form-group">
                            <button class="btn btn-lg btn-primary btn-block secretFordm" type="submit" id="btn">Continue</button>
                        </div>
                    </form><!-- form -->
                    <center class="p-3">
                        <a href="index?action=enroll&access=<?php echo$_SESSION['accessBanking'] ?>" class="btn btn-sm btn-secondary"><em class="icon ni ni-regen"></em>  Enroll for Online Banking</a>
                    </center>
                        <center class="p-3">
                        <a href="index" class="btn btn-sm btn-default"><em class="icon ni ni-forward-ios"></em>  Login</a>
                    </center>

                <!---PASSWORD RESET CONFIRMATION -------->   
                <?php } elseif (isset($_GET['action']) AND $_GET['action'] == "resetPass") { 
                    if(!isset($_GET['userToken']) OR empty($_GET['userToken'])){
                        print i_redirect("../");
                    }
                    else {
                        $token = $_GET['userToken'];
                        $query = $conn->query("SELECT * FROM password_resets WHERE token = '$token'");
                        if(mysqli_num_rows($query) < 1){
                        print i_redirect("../"); 
                        }
                        elseif(mysqli_num_rows($query) == 1){
                            $r = mysqli_fetch_array($query);
                            $user = $r['user_id'];
                        }
                        else{
                        print i_redirect("../");    
                        }
                    }
                    ?>
                    <div class="nk-block-head">
                        <div class="nk-block-head-content">
                            <h3 class="nk-block-title">Change Account password</h3>
                            <div class="nk-block-des alert alert-pro alert-primary">
                                <p class="alert-text">Accurately fill in the form below to change your account password.</p>
                            </div>
                        </div>
                    </div><!-- .nk-block-head -->
                    <form action="../scripts/auth?action=userPassResetConfirm&token=<?php echo$token ?>&code=<?php echo$captcha ?>" id="resetFormConfirm" method="post">
                        <div class="form-group">
                        <div class="form-control-wrap">
                                <a tabindex="-1" href="#" class="form-icon form-icon-right passcode-switch" data-target="npassword">
                                    <em class="passcode-icon icon-show icon ni ni-eye"></em>
                                    <em class="passcode-icon icon-hide icon ni ni-eye-off"></em>
                                </a>
                                <input type="password" required class="form-control form-control-lg" id="npassword" placeholder="Enter new password" name="npassword">
                            </div>
                        </div>
                            <div class="form-group">
                            <div class="form-control-wrap">
                                <a tabindex="-1" href="#" class="form-icon form-icon-right passcode-switch" data-target="cnpassword">
                                    <em class="passcode-icon icon-show icon ni ni-eye"></em>
                                    <em class="passcode-icon icon-hide icon ni ni-eye-off"></em>
                                </a>
                                <input type="password" required class="form-control form-control-lg" id="cnpassword" placeholder="Confirm password" name="cnpassword">
                            </div>
                        </div>
        <div class="form-group">
        <link href="https://fonts.googleapis.com/css?family=Henny+Penny&display=swap" rel="stylesheet">
        <div style="height: 46px; line-height: 46px; width:100%; text-align: center; background-color: #3140fc; color: #ffffff!important; font-size: 26px; font-weight: bold; letter-spacing: 20px; font-family: 'Henny Penny', cursive;  -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;  display: flex; justify-content: center;" class="captcha"><span style="    float:left;     -webkit-transform: rotate(55deg);"><?php echo$n1 ?></span><span style="    float:left;     -webkit-transform: rotate(17deg);"><?php echo$n2 ?></span><span style="    float:left;     -webkit-transform: rotate(-56deg);"><?php echo$n3 ?></span><span style="    float:left;     -webkit-transform: rotate(-51deg);"><?php echo$n4 ?></span><span style="    float:left;     -webkit-transform: rotate(0deg);"><?php echo$n5 ?></span><span style="    float:left;     -webkit-transform: rotate(-45deg);"><?php echo$n6 ?></span></div><input type="hidden" name="captcha_secret" value="da6f040a13868b805eb3654ba0607afef7fa0c157ee5c3a5352eb625efb7bd32"></div>
        <div id="resetResultConfirm"></div>
    <div class="form-group">
        <input type="text" name="captcha" id="captcha" class="form-control form-control-xl" placeholder="Enter code" autocomplete="off" required>
    </div>   
                        
                        <div class="form-group">
                            <button class="btn btn-lg btn-primary btn-block" type="submit" id="btn">Change password</button>
                        </div>
                    </form><!-- form -->
                        <center class="p-3">
                        <a href="index" class="btn btn-sm btn-secondary"><em class="icon ni ni-forward-ios"></em>  Login</a>
                    </center> 
        <script src="../js/jquery.min.js"></script>
    <script type="text/javascript">
    //PASSWORD RESET CONFIRMATION
    $(document).ready(function (e) {
    $("#resetFormConfirm").on('submit',(function(e) {
        document.getElementById("btn").disabled = true;
        e.preventDefault();
        $.ajax({
            url: "../scripts/auth?action=userPassResetConfirm&token=<?php echo$token ?>&code=<?php echo$captcha ?>",
            type: "POST",
            data:  new FormData(this),
            contentType: false,
            cache: false,
            processData:false,
            success: function(data)
            {
            $("#resetResultConfirm").html(data);
            document.getElementById("btn").disabled = false;
            },
            error: function()
            {
            }           
    });
    }));
});

                    </script>
                <?php } elseif (isset($_GET['action']) AND $_GET['action'] == "enroll") { ?>  

                    <div class="nk-block-head">
                        <div class="nk-block-head-content">
                            <h3 class="nk-block-title">Enroll a new Account</h3>
                            <div class="nk-block-des alert alert-pro alert-primary">
                                <p class="alert-text">Before you continue, Kindly read and accept our terms and conditions.</p>
                            </div>
                        </div>
                    </div><!-- .nk-block-head -->
                    <form action="../scripts/auth?action=userLogin" id="loginForm" method="post">
                    <h3 style="font-weight:700; color:Purple;">TERMS AND CONDITIONS</h3>
                
                <textarea name="terms" rows="12" class="form-control" readonly="readonly" cols="70" style="text-align: justify;
width:100%; padding: 10px; font-size:16px;" autocomplete="off">
Before you can start using our online service you must agree to be bound by the conditions below.  You must read the conditions before you 
decide whether to accept them.  If you agree to be bound by these conditions, please click the I accept button below.  If you click on the
Decline button, you will not be able to continue your registration for our online services. We strongly recommend that you print a copy of 
these conditions for your reference.

1. DEFINITIONS.
In these conditions the following words have the following meanings.

- ACCOUNT:  any account which you hold and access via our online service.

- ADDITIONAL SECURITY DETAILS:  the additional information you give us to
help us identify you including the additional security question you 
provide yourself.

- IDENTITY DETAILS:  the access code we may provide you with.

- <?php echo $sitename ?> ACCOUNT NUMBER, PASSWORD and ACCOUNT PIN   you choose to identify 
yourself when you use our online service.


- YOU, YOUR and YOURSELF  refer to the person who has entered into this 
agreement with us.

2. USING THE ONLINE SERVICE.

a. These conditions apply to your use of our online service and in relation to any accounts.  They explain the relationship between you and
us in relation to our online service.  You should read these conditions carefully to understand how these services work and your and our rights
and duties under them.  If there is a conflict between these conditions and your account conditions, these conditions will apply.  This means 
that, when you use our online service both sets of conditions will apply unless they contradict each other in which case, the relevant condition
in these conditions apply.

b. If any of your accounts is a joint account, these conditions apply to all of you together and any of you separately.  If more than one of you
uses our online service you must each choose your own username, password and additional security details.

c. By registering to use our online service, you accept these conditions and agree that we may communicate with you by e-mail or through our website.

d. When you use our online service you must follow the instructions we give you from time to time.  You are responsible for ensuring that your 
computer, software and other equipment are capable of being used with our online service.

e. Our online sites are secure.  Disconnection from the Internet or leaving these sites will not automatically log you off.  You must always
use the log off facility when you are finished and never leave your machine unattended while you are logged in.  As a security measure, if 
you have not used the sites for more than a specified period of time we will ask you to log in again. 

3. WHAT RULES APPLY TO SECURITY?

a. As part of the registration for our online service you must provide us with identity details before we will allow you to use the services 
for the first time.  You must enter your identity details immediately after signing in, so we can identify you.

b. Every time you use our online service you must give us your username, your password and the answer to an additional security question.

c. You can change your username or password online by following the instructions on the screen.  

d. For administration or security reasons, we can require you to choose a new username or change your password before you use (or carry on using)
our online service.

e. You must not write down, store (whether encrypted or otherwise) on your computer or let anyone else know your password, identity details or
additional security details, and the fact that they are for use with your accounts.

f. If you think that someone else knows your password or any of your additional security details or has used any of them to use our online 
service, you must do the following:

- For your password, change it online as soon as possible.  If you have difficulty changing your password, you must phone us on +1 234 567 8910
immediately.  You can give us your username if you phone to change your password.

- For your additional security details, you will need to phone us immediately to change your additional security details.

g. We may give the police or any prosecuting authority any information they need if we think it will help them find out if someone else is 
using your username, password or any of your additional security details.

h. We may also keep any e-mails sent to or from us.  We do this to check what was written and also to help train our staff.


</textarea> 
<br><br>                                                         
<button id="btn1" class="btn btn-secondary"><a href="index" style="color:white;">Decline</a></button>&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
<button id="btn1" class="btn btn-primary"><a href="register?tc=1" style="color:white;">I Accept</a></button>
                    </form><!-- form -->
                
                    <?php } else { ?>   
                    
                    <div class="nk-block-head">
                        <div class="nk-block-head-content">
                            <h3 class="nk-block-title">Sign-In</h3>
                            <div class="nk-block-des alert alert-pro alert-primary">
                                <p class="alert-text">Access the <?php echo $sitename ?> online banking panel using your Account number and password.</p>
                            </div>
                        </div>
                    </div><!-- .nk-block-head -->
                    <form action="../scripts/auth?action=userLogin" id="loginForm" method="post">
                        <div class="form-group">
                            <div class="form-label-group">
                                <label class="form-label" for="default-01">Account Number</label>
                            </div>
                            <input type="text" class="form-control form-control-lg" required autocomplete="off" id="id" placeholder="Enter your Account Number" name="id">
                        </div><!-- foem-group -->
                        <div class="form-group">
                            <div class="form-label-group">
                                <label class="form-label" for="password">Passsword</label>
                                <a class="link link-primary link-sm" tabindex="-1" href="index?action=resetpass&access=<?php echo$_SESSION['accessBanking'] ?>">Forgot Code?</a>
                            </div>
                            <div class="form-control-wrap">
                                <a tabindex="-1" href="#" class="form-icon form-icon-right passcode-switch" data-target="pass">
                                    <em class="passcode-icon icon-show icon ni ni-eye"></em>
                                    <em class="passcode-icon icon-hide icon ni ni-eye-off"></em>
                                </a>
                                <input type="password" class="form-control form-control-lg" id="pass" required placeholder="Enter your password" name="pass">
                            </div>
                            <div id="loginResult"></div>
                        </div><!-- .foem-group -->
                        <div class="form-group">
                            <button class="btn btn-lg btn-primary btn-block secretFordm" type="submit" id="btn">Continue</button>
                        </div>
                    </form><!-- form -->
                    <center class="p-3">
                        <a href="index?action=enroll&access=<?php echo $_SESSION['accessBanking'] ?>" class="btn btn-sm btn-secondary"><em class="icon ni ni-regen"></em>  Enroll for Online Banking</a>
                    </center>
                <?php } ?>
                </div><!-- .nk-block -->
                <div class="nk-block nk-auth-footer" style="margin-top:60px;">
            <a href="#" style=""><div id="google_translate_element"></div> </a>
                <div class="mt-3">
                        <p>&copy; <?php echo "".date("Y").""; ?> <?php echo$sitename; ?>. All Rights Reserved.</p>
                    </div>
                </div><!-- .nk-block -->
            </div><!-- .nk-split-content -->
        
        </div><!-- .nk-split -->
    </div><!-- app body @e -->
    <!-- JavaScript -->
        <script src="../js/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function (e) {
    $("#loginForm").on('submit',(function(e) {
        document.getElementById("btn").disabled = true;
        e.preventDefault();
        $.ajax({
            url: "../scripts/auth?action=userLogin",
            type: "POST",
            data:  new FormData(this),
            contentType: false,
            cache: false,
            processData:false,
            success: function(data)
            {
            $("#loginResult").html(data);
            document.getElementById("btn").disabled = false;
            },
            error: function()
            {
            }           
    });
    }));
});
//2FA FORM VERIFICATION
    $(document).ready(function (e) {
    $("#2faForm").on('submit',(function(e) {
        document.getElementById("btn").disabled = true;
        e.preventDefault();
        $.ajax({
            url: "../scripts/auth?action=userVerify2fa",
            type: "POST",
            data:  new FormData(this),
            contentType: false,
            cache: false,
            processData:false,
            success: function(data)
            {
            $("#loginResult").html(data);
            document.getElementById("btn").disabled = false;
            },
            error: function()
            {
            }           
    });
    }));
});

//USER PASSWORD RESET
    $(document).ready(function (e) {
    $("#resetForm").on('submit',(function(e) {
        document.getElementById("btn").disabled = true;
        e.preventDefault();
        $.ajax({
            url: "../scripts/auth?action=userPassReset&code=<?php echo$captcha ?>",
            type: "POST",
            data:  new FormData(this),
            contentType: false,
            cache: false,
            processData:false,
            success: function(data)
            {
            $("#resetResult").html(data);
            document.getElementById("btn").disabled = false;
            },
            error: function()
            {
            }           
    });
    }));
});



//2FA INPUTS
function getCodeBoxElement(index) {
        return document.getElementById('codeBox' + index);
    }
    function onKeyUpEvent(index, event) {
        const eventCode = event.which || event.keyCode;
        if (getCodeBoxElement(index).value.length === 1) {
        if (index !== 4) {
            getCodeBoxElement(index+ 1).focus();
        } else {
            getCodeBoxElement(index).blur();
            // Submit code
            console.log('submit code ');
        }
        }
        if (eventCode === 8 && index !== 1) {
        getCodeBoxElement(index - 1).focus();
        }
    }
    function onFocusEvent(index) {
        for (item = 1; item < index; item++) {
        const currentElement = getCodeBoxElement(item);
        if (!currentElement.value) {
            currentElement.focus();
            break;
        }
        }
    }
var max_chars = 1;

$('#codeBox1').keydown( function(e){
    if ($(this).val().length >= max_chars) { 
        $(this).val($(this).val().substr(0, max_chars));
    }
});

$('#codeBox1').keyup( function(e){
    if ($(this).val().length >= max_chars) { 
        $(this).val($(this).val().substr(0, max_chars));
    }
});
$('#codeBox2').keydown( function(e){
    if ($(this).val().length >= max_chars) { 
        $(this).val($(this).val().substr(0, max_chars));
    }
});

$('#codeBox2').keyup( function(e){
    if ($(this).val().length >= max_chars) { 
        $(this).val($(this).val().substr(0, max_chars));
    }
});
$('#codeBox3').keydown( function(e){
    if ($(this).val().length >= max_chars) { 
        $(this).val($(this).val().substr(0, max_chars));
    }
});

$('#codeBox3').keyup( function(e){
    if ($(this).val().length >= max_chars) { 
        $(this).val($(this).val().substr(0, max_chars));
    }
});
$('#codeBox4').keydown( function(e){
    if ($(this).val().length >= max_chars) { 
        $(this).val($(this).val().substr(0, max_chars));
    }
});

$('#codeBox4').keyup( function(e){
    if ($(this).val().length >= max_chars) { 
        $(this).val($(this).val().substr(0, max_chars));
    }
});
</script>
    <script src="../assets/js/bundle.js?ver=2.4.0"></script>
    <script src="../assets/js/scripts.js?ver=2.4.0"></script>
<script src="../js/vendors/sweetalert.js"></script>
    <script src="../assets/js/custom.js"></script>
<script src="../js/toastr.js"></script>
</body>
</html>