




<!DOCTYPE html>
<html lang="en">
    
<!-- Mirrored from www.southdelhivaults.com/login by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 23 May 2022 07:02:12 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
        <title>Welcome to South Delhi Vaults</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!--===============================================================================================-->	
        <link rel="icon" type="image/png" href="loginassets/images/icons/favicon.ico"/>
        <!--===============================================================================================-->
        <link rel="stylesheet" type="text/css" href="loginassets/vendor/bootstrap/css/bootstrap.min.css">
        <!--===============================================================================================-->
        <link rel="stylesheet" type="text/css" href="loginassets/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
        <!--===============================================================================================-->
        <link rel="stylesheet" type="text/css" href="loginassets/fonts/iconic/css/material-design-iconic-font.min.css">
        <!--===============================================================================================-->
        <link rel="stylesheet" type="text/css" href="loginassets/vendor/animate/animate.css">
        <!--===============================================================================================-->	
        <link rel="stylesheet" type="text/css" href="loginassets/vendor/css-hamburgers/hamburgers.min.css">
        <!--===============================================================================================-->
        <link rel="stylesheet" type="text/css" href="loginassets/vendor/animsition/css/animsition.min.css">
        <!--===============================================================================================-->
        <link rel="stylesheet" type="text/css" href="loginassets/vendor/select2/select2.min.css">
        <!--===============================================================================================-->	
        <link rel="stylesheet" type="text/css" href="loginassets/vendor/daterangepicker/daterangepicker.css">
        <!--===============================================================================================-->
        <link rel="stylesheet" type="text/css" href="loginassets/css/util.css">
        <link rel="stylesheet" type="text/css" href="loginassets/css/main.css">
        <!--===============================================================================================-->
  	<!--Google captcha JS-->
  	<script src="../www.google.com/recaptcha/api.js"></script>
    </head>
    <body>

        <div class="limiter">
            <div class="container-login100">
                <div class="wrap-login100">
                    <form class="login100-form validate-form">
                        <span class="login100-form-title p-b-5">
                            Welcome
                        </span>
                        <span class="login100-form-title p-b-20">
                            <img src="assets/images/logo/sdv-logo-s.png" style="width: 50px;">
                        </span>

                        <div class="wrap-input100 validate-input" data-validate = "Enter Username" id="userdiv">
                            <input class="input100" type="text" name="user" id="user" autocomplete="off">
                            <span class="focus-input100" data-placeholder="Username"></span>
                        </div>

                        <div class="wrap-input100 validate-input" data-validate="Enter password" id="passdiv">
                            <span class="btn-show-pass">
                                <i class="zmdi zmdi-eye"></i>
                            </span>
                            <input class="input100" type="password" name="pass" id="pass" autocomplete="off">
                            <span class="focus-input100" data-placeholder="Password"></span>
                        </div>
                        
                        <div class="wrap-input100 validate-input" data-validate = "Enter mobile number" id="mobilediv">
                            <input class="input100" type="text" name="mobile" maxlength="10" id="mobile" autocomplete="off">
                            <span class="focus-input100" data-placeholder="Mobile Number"></span>
                        </div>

                        <div class="wrap-input100 validate-input" id="branchdiv">
                            <select class="input100" name="office" id="office">
                                <option value="" selected="selected" hidden="hidden">Select Office</option>
                                <option value="ho">NFC1 Branch</option>
                                <option value="nfc">NFC2 Branch</option>
                                <option value="gk1">GK1 Branch</option>
                                <option value="gk2">GK2 Branch</option>
                                <option value="gur">Gurgaon Branch</option>
                                <option value="cp">Connaught Place Branch</option>
                                <option value="gtb">Gujranwala Town Branch</option>
                            </select>
                        </div>

                        <div class="wrap-input100 validate-input" id="dashdiv">
                            <select class="input100" name="dash" id="dash">
                                <option value="dashboard" selected="selected">Default Dashboard</option>
                                <option value="dashboard_v1">Graphical Dashboard</option>
                            </select>
                        </div>

                        <div class="form-group" id="captchadiv">
                            <div class="captcha-box d-flex flex-row">
                            	<div class="g-recaptcha" data-sitekey="6Le-H6sZAAAAALPcNJovmoYppUuu25zvP_GwJObJ"></div>
                            </div>
                        </div>

                        <div class="wrap-input100 validate-input" data-validate="Enter OTP" id="gotpdiv">
                            <input class="input100" type="text" name="otp" id="otp" autocomplete="off">
                            <span class="focus-input100" data-placeholder="OTP"></span>
                        </div>
                        <div id="gremdiv">
                            <input type="checkbox" name="rem" id="rem">
                            <label for="rem">Remember me</label>
                        </div>

                        <div class="container-login100-form-btn" id="loginDiv">
                            <div class="wrap-login100-form-btn">
                                <div class="login100-form-bgbtn"></div>
                                <button class="login100-form-btn" type="button" id="loginbutton" onclick="validateLogin()">
                                    Login
                                </button>
                            </div>
                        </div>

                        <div class="container-login100-form-btn" id="otpDiv">
                            <div class="wrap-login100-form-btn">
                                <div class="login100-form-bgbtn"></div>
                                <button class="login100-form-btn" type="button" onclick="valiOTP()">
                                    Continue
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!--===============================================================================================-->
        <script src="loginassets/vendor/jquery/jquery-3.2.1.min.js"></script>
        <!--===============================================================================================-->
        <script src="loginassets/vendor/animsition/js/animsition.min.js"></script>
        <!--===============================================================================================-->
        <script src="loginassets/vendor/bootstrap/js/popper.js"></script>
        <script src="loginassets/vendor/bootstrap/js/bootstrap.min.js"></script>
        <!--===============================================================================================-->
        <script src="loginassets/vendor/select2/select2.min.js"></script>
        <!--===============================================================================================-->
        <script src="loginassets/vendor/daterangepicker/moment.min.js"></script>
        <script src="loginassets/vendor/daterangepicker/daterangepicker.js"></script>
        <!--===============================================================================================-->
        <script src="loginassets/vendor/countdowntime/countdowntime.js"></script>
        <!--===============================================================================================-->
        <script src="loginassets/js/main.js"></script>
        <script src="assets/js/context.js"></script>
        <script>
            $('#gotpdiv').hide();
            $('#otpDiv').hide();
            $('#gremdiv').hide();
            var contextPath = "";
            function validateLogin() {
                var user    = $('#user').val();
                var pass    = $('#pass').val();
                var mobile  = $('#mobile').val();
                var office  = $('#office').val();
                var dash    = $('#dash').val();
                var recaptchaResponse = $('textarea[name="g-recaptcha-response"]').val();

                if (user === '') {
                    bootbox.alert("Please Enter Username");
                    $('#user').focus();
                    return;
                }

                if (pass === '') {
                    bootbox.alert("Please Enter Password");
                    $('#pass').focus();
                    return;
                }

                if (mobile === '') {
                    bootbox.alert("Please Enter Mobile number");
                    $('#mobile').focus();
                    return;
                }
                
                if (mobile !== '') {
                    $('#mobile').val(parseInt(mobile));
                    mobile = $('#mobile').val();
                    if (mobile.length < 10) {
                        bootbox.alert("Mobile number must be 10 digit");
                        $('#mobile').focus();
                        return;
                    }
                }

                if (office === '') {
                    bootbox.alert("Please Select Office");
                    $('#office').focus();
                    return;
                }

                if (dash === '') {
                    bootbox.alert("Please Select Dashboard");
                    $('#dash').focus();
                    return;
                }
                
                if (recaptchaResponse === '') {
                    bootbox.alert("Please check the below checkbox for verification");
                    return;
                }
                
                $('#loginbutton').html('Please wait....');
                $('#loginbutton').attr('disabled', 'disabled');
                var ip = getIp();
                var data = {
                    user : user,
                    pass : pass,
                    office : office,
                    ip : ip,
                    mobile: mobile,
                    dash: dash,
                    recaptchaResponse : recaptchaResponse
                };

                $.ajax({
                    url: contextPath +'/userAuthorization',
                    data: data,
                    type: 'post',
                    success: function(response) {
                        if (response === "success") {
                            bootbox.alert('Please enter generated otp to continue');
                            $('#gotpdiv').show();
                            $('#otpDiv').show();
                            $('#gremdiv').show();
                            $('#userdiv').hide();
                            $('#passdiv').hide();
                            $('#mobilediv').hide();
                            $('#branchdiv').hide();
                            $('#captchadiv').hide();
                            $('#loginDiv').hide();
                            $('#dashdiv').hide();
                        } else {
                            bootbox.alert(response, function(){ 
                                location.reload(); 
                            });
                        }
                    },
                    error: function(response) {
                        bootbox.alert(response.responseText);
                    }
                });
            }
                
            function getIp() {
                var ip;
                $.ajax({
                    url: 'https://ipapi.co/json/',
                    type: 'post',
                    async: false,
                    success: function(response) {
                        ip = response.ip;
                    },
                    error: function(response) {
                        bootbox.alert(response.responseText);
                    }
                });
                return ip;
            }
            
            function valiOTP() {
                var url2 = contextPath +'/logout';
                var url     = '/validateOTP';
                var user    = $('#user').val();
                var pass    = $('#otp').val();
                var dash    = $('#dash').val();
                var rem     = $('input[name="rem"]:checked').val() === undefined?"N":"Y";

                if (pass === '') {
                    bootbox.alert("Please Enter OTP");
                    $('#otp').focus();
                    return;
                }
                
                var data = {
                  user: user,
                  pass: pass,
                  rem: rem  
                };
                $.ajax({
                    url: url,
                    data: data,
                    type: 'post',
                    async: false,
                    success: function(response) {
                        if (response === 'success') {
                            window.open(dash, '_parent');
                        } else {
                            bootbox.alert("OTP not matched. Kindly regenerate OTP", function () {
                                window.open(url2, '_parent');
                            });
                        }
                    },
                    error: function(response) {
                        bootbox.alert(response);
                    }
                });
            }
        </script>
    </body>

<!-- Mirrored from www.southdelhivaults.com/login by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 23 May 2022 07:02:17 GMT -->
</html>