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


    <meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta http-equiv="Content-Language" content="en">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>GBCA & Associates, Chartered Accountants</title>
        <meta name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no" />
        <meta name="description" content="">
        <!-- Favicons -->
        <link href="assets/images/favicon.png" rel="icon">
        <link href="assets/images/apple-touch-icon.png" rel="apple-touch-icon">
        <!-- Disable tap highlight on IE -->
        <meta name="msapplication-tap-highlight" content="no">

        <link href="main.d810cf0ae7f39f28f336.css" rel="stylesheet"></head>
        <link href="assets/custom.css" rel="stylesheet">
    </head>



    <body>
        <div class="app-container app-theme-white body-tabs-shadow">
            <div class="app-container">
                <div class="h-100 login-section">
                    <div class="overlay"></div>
                    <div class="d-flex h-100 justify-content-center align-items-center">
                        <div class="mx-auto app-login-box col-md-8">

                            <div class="modal-dialog w-100 mx-auto">
                                <div class="modal-content">
                                    <div class="modal-body login-body">
                                        <div class="login-logo text-center">
                                            <img src="assets/img/logo.png" style="width: 30%;" />
                                        </div>
                                      <div class="alert-login alert-danger errmsg text-center" style="display: none;"></div>
                                        <form class="lined-form" style="padding: 0 40px;">
                                            <div class="form-row">
                                                <div class="col-md-12">
                                                    <div class="position-relative form-group">
                                                     <label for="exampleEmail55">User Name</label>
                                                     <input id="user_name" name="user_name"  type="text" class="form-control">
                                                 </div>
                                             </div>
                                             <div class="col-md-12">
                                                <div class="position-relative form-group">
                                                   <label for="exampleEmail55">Password</label>
                                                   <input id="user_password" name="user_password"  type="password" class="form-control">
                                               </div>
                                           </div>
                                          <!--  <div class="col-md-12">
                                            <div class="position-relative form-group">  <label for="exampleEmail55">Full Name</label>
                                                <input name="full name" id="fname"  type="fname" class="form-control">
                                            </div>
                                        </div> -->
                                        <div class="col-md-12 text-center">

                                            <div class="footer-btn">
                                             <input type="submit" class="btn btn-blue btn-hover-shine btn-lg" id="login_btn" value="Sign In">

                                         </div>
                                     </div>
                                 </div>

                             </form>


                         </div>

                     </div>
                 </div>

             </div>
         </div>
     </div>
    </div>
    </div>


    </body>
    </html>
   
   <!--  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.js" integrity="sha512-VvWznBcyBJK71YKEKDMpZ0pCVxjNuKwApp4zLF3ul+CiflQi6aIJR+aZCP/qWsoFBA28avL5T5HA+RE+zrGQYg==" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput-angular.min.js" integrity="sha512-KT0oYlhnDf0XQfjuCS/QIw4sjTHdkefv8rOJY5HHdNEZ6AmOh1DW/ZdSqpipe+2AEXym5D0khNu95Mtmw9VNKg==" crossorigin="anonymous"></script> -->
  <!--  <script src="assets/scripts/jquery.min.js"></script> -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
   <!--  <script src="assets/js/jquery.min.js"></script> -->
   <!--  <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> -->
    <script type="text/javascript">
        $("#login_btn").click(function(){

            var user_name = $("#user_name").val().trim();
            var user_password = $("#user_password").val().trim();
            if(user_name == "")
            {
               	$("#user_name").focus();
				$(".errmsg").html("Please Enter Username");
				$(".errmsg").slideDown("slow").delay(3000).slideUp();
				return false; 
                
        
            }
            else if(user_password == "")
            {
                $("#user_password").focus();
				$(".errmsg").html("Please Enter Password");
				$(".errmsg").slideDown("slow").delay(3000).slideUp();
				return false; 
                           
            }
            else
            {

                var formdata= new FormData();
                formdata.append('user_name',user_name);
                formdata.append('user_password',user_password);  

                $.ajax({
                    type:"post",
                    data: formdata,
                    processData: false,
                    contentType: false,
                    url:"ajax/login_action.php",
                    success:function(msg){

                        msg=msg.trim();
                          //alert(msg);
                        var res = JSON.parse(msg);
                  
                        console.log(res);

                        if(res['n'] == 1)
                        {
                            //alert('in if');

                            location.href="dashboard.php";
                        }
                        else{
                            	
				          $(".errmsg").html("Invalid Credentials ");
				          $(".errmsg").slideDown("slow").delay(3000).slideUp();
                          $(".alert").removeClass("hide");
                          
                        }                 
                    }
                });
                return false;
            }
        });

        function valid(fid,fmsg){
            var id = fid;
            var msg = fmsg;
            $(".span_err").html("");
            $("input").removeClass("input_err");
            $("textarea").removeClass("input_err");
            $("select").removeClass("input_err");
            $("#"+id+"_err").html(msg);
            $("#"+id).focus().addClass("input_err");
        }
    </script>


