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

    <!-- Mirrored from demo.dashboardpack.com/adminty-html/default/auth-normal-sign-in.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 09 Mar 2023 12:44:21 GMT -->
    <head>
        <title>Canal Monitoring </title>


        <!--[if lt IE 10]>
              <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
              <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
              <![endif]-->

        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="description" content="#">
        <meta name="keywords" content="Admin , Responsive, Landing, Bootstrap, App, Template, Mobile, iOS, Android, apple, creative app">
        <meta name="author" content="#">

        <link rel="icon" href="https://demo.dashboardpack.com/adminty-html/files/assets/images/favicon.ico" type="image/x-icon">

        <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,800" rel="stylesheet">

        <link rel="stylesheet" type="text/css" href="./files/bower_components/bootstrap/dist/css/bootstrap.min.css">

        <link rel="stylesheet" type="text/css" href="./files/assets/icon/themify-icons/themify-icons.css">

        <link rel="stylesheet" type="text/css" href="./files/assets/icon/icofont/css/icofont.css">

        <link rel="stylesheet" type="text/css" href="./files/assets/css/style.css">
    </head>
    <body class="fix-menu">

        <div class="theme-loader">
            <div class="ball-scale">
                <div class='contain'>
                    <div class="ring">
                        <div class="frame"></div>
                    </div>
                    <div class="ring">
                        <div class="frame"></div>
                    </div>
                    <div class="ring">
                        <div class="frame"></div>
                    </div>
                    <div class="ring">
                        <div class="frame"></div>
                    </div>
                    <div class="ring">
                        <div class="frame"></div>
                    </div>
                    <div class="ring">
                        <div class="frame"></div>
                    </div>
                    <div class="ring">
                        <div class="frame"></div>
                    </div>
                    <div class="ring">
                        <div class="frame"></div>
                    </div>
                    <div class="ring">
                        <div class="frame"></div>
                    </div>
                    <div class="ring">
                        <div class="frame"></div>
                    </div>
                </div>
            </div>
        </div>

        <section class="login-block" style='background-image: url("./files/assets/img/canal1.jpeg");'>
<!--            <marquee class="marq" bgcolor="Green" 
                     direction="left" loop=""> 
                <div class="geek1"> 
                    GeeksforGeeks 
                </div> 
                <div class="geek2"> 
                    A computer science portal for geeks 
                </div> 
            </marquee>-->

            <div class="container" style="margin-top:-80px">
                <div class="row">
                    <div class="col-sm-4">

                        <form class="md-float-material form-material">
                            
                            <div class="auth-box card">
                                <div class="card-block">
                                    <div class="text-center">
                                <h2>Canal Monitoring</h2>
                                <!--<img src="./files/assets/img/freezerlogo.png" alt="logo.png">-->
                            </div>
                                    <div class="row m-b-20">
                                        <div class="col-md-12">
                                            <h5 class="text-center">Sign In</h5>
                                        </div>
                                    </div>
                                    <div class="form-group form-primary">
                                        <input type="text" name="Username" id="username" placeholder="Username" type="text" class="form-control" required="">
                                        <div id="msg_username"></div>
                                    </div>
                                    <div class="form-group form-primary">
                                        <input name="Password" id="password" placeholder="Password" type="password" class="form-control" required="">
                                        <div id="msg_password"></div>
                                    </div>
                                    <div class="row m-t-25 text-left">
                                        <div class="col-12">
                                            <div class="checkbox-fade fade-in-primary d-">
                                                <label>
                                                    <input type="checkbox" value="">
                                                    <span class="cr"><i class="cr-icon icofont icofont-ui-check txt-primary"></i></span>
                                                    <span class="text-inverse">Remember me</span>
                                                </label>
                                            </div>
                                            <div class="forgot-phone text-right f-right">
                                                <!--                                                <a href="auth-reset-password.html" class="text-right f-w-600"> Forgot
                                                                                                    Password?</a>-->
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row m-t-30">
                                        <div class="col-md-12">
                                            <button type="button" id="btn-login" class="btn btn-primary btn-md btn-block waves-effect waves-light text-center m-b-20">Sign
                                                in</button>
                                            <div id="msg_login"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>

                    </div>

                </div>

            </div>

        </section>


        <!--[if lt IE 10]>
        <div class="ie-warning">
            <h1>Warning!!</h1>
            <p>You are using an outdated version of Internet Explorer, please upgrade <br/>to any of the following web browsers to access this website.</p>
            <div class="iew-container">
                <ul class="iew-download">
                    <li>
                        <a href="http://www.google.com/chrome/">
                            <img src="../files/assets/images/browser/chrome.png" alt="Chrome">
                            <div>Chrome</div>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.mozilla.org/en-US/firefox/new/">
                            <img src="../files/assets/images/browser/firefox.png" alt="Firefox">
                            <div>Firefox</div>
                        </a>
                    </li>
                    <li>
                        <a href="http://www.opera.com">
                            <img src="../files/assets/images/browser/opera.png" alt="Opera">
                            <div>Opera</div>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.apple.com/safari/">
                            <img src="../files/assets/images/browser/safari.png" alt="Safari">
                            <div>Safari</div>
                        </a>
                    </li>
                    <li>
                        <a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">
                            <img src="../files/assets/images/browser/ie.png" alt="">
                            <div>IE (9 & above)</div>
                        </a>
                    </li>
                </ul>
            </div>
            <p>Sorry for the inconvenience!</p>
        </div>
        <![endif]-->


        <script type="text/javascript" src="./files/bower_components/jquery/dist/jquery.min.js"></script>
        <script type="text/javascript" src="./files/bower_components/jquery-ui/jquery-ui.min.js"></script>
        <script type="text/javascript" src="./files/bower_components/popper.js/dist/umd/popper.min.js"></script>
        <script type="text/javascript" src="./files/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

        <script type="text/javascript" src="./files/bower_components/jquery-slimscroll/jquery.slimscroll.js"></script>

        <script type="text/javascript" src="./files/bower_components/modernizr/modernizr.js"></script>
        <script type="text/javascript" src="./files/bower_components/modernizr/feature-detects/css-scrollbars.js"></script>

        <script type="text/javascript" src="./files/bower_components/i18next/i18next.min.js"></script>
        <script type="text/javascript" src="./files/bower_components/i18next-xhr-backend/i18nextXHRBackend.min.js"></script>
        <script type="text/javascript" src="./files/bower_components/i18next-browser-languagedetector/i18nextBrowserLanguageDetector.min.js"></script>
        <script type="text/javascript" src="./files/bower_components/jquery-i18next/jquery-i18next.min.js"></script>
        <script type="text/javascript" src="./files/assets/js/common-pages.js"></script>
    </body>


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

            $("#username").blur(function () {
                if ($("#username").val() == "")
                {
                    $("#msg_username").fadeIn(1000);
                    $("#msg_username").html(" * Username is Empty").css({'color': 'red'});
                } else
                {
                    $("#msg_username").fadeOut(5000);
                }

            })

            $("#password").blur(function () {
                var pass1 = $("#password").val();
                if (pass1 == "")
                {
                    $("#msg_password").fadeIn(1000);
                    $("#msg_password").html("* Password Can't be Empty").css("color", "#F00");
                } else
                {
                    $("#msg_password").fadeOut(5000);
                }
            })

            $('#btn-login').click(function () {
//                alert('click login');

                var username = $('#username').val();
                var password = $('#password').val();

                if (username == '')
                {
                    $("#msg_username").html(" * Username is Empty").css({'color': 'red'});
                } else if (password == '')
                {
                    $("#msg_password").html("* Password Can't be Empty").css("color", "#F00");
                } else
                {
//                    alert('success');
                    var send = {'username': username, 'password': password};
                    $.ajax({
                        url: 'PHP_Code/login_action.php',
                        type: 'POST',
                        data: send,
                        success: function (data)
                        {
                            debugger;
                            //alert('data ' + send);
                            var trimStr = $.trim(data);
                            if (trimStr == 'Login Success .....')
                            {
                                // alert('username ' + username);
                                if (username.toLowerCase() === "kakarapar_admin") {
                                    debugger;
                                    // alert('if ' + username);
                                    $("#msg_login").html(trimStr).css({'color': 'green'});
                                    window.location.href = "./dam_home.php";
                                } else {
                                    debugger;
                                    $("#msg_login").html(trimStr).css({'color': 'green'});
                                    window.location.href = "./index.php";
                                    // window.location.href = "./data231.php";
                                }
                            } else
                            {
                                $("#msg_login").html(trimStr).css({'color': 'red'});
                            }
                        },
                        error: function (err) {
                            alert('error ' + err);
                        }
                    });
                }
            });
        });


    </script>

</html>