<?php  include'hold/from.php'; ?>
<?php  include'hold/top.php'; ?>

<div class="container my-auto" id="loginPages">
    <div class="row">
        <div class="col-lg-4 col-md-8 col-12 mx-auto">
            <div class="card z-index-0 fadeIn3 fadeInBottom">
                <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
                    <div class="bg-gradient-primary shadow-primary border-radius-lg py-3 pe-1">
                        <div class="row mt-3">
                          <div class="col-12 text-center px-1">
                              <img src="img/logo.png" class="avatar avatar-xl shadow-xl position-relative z-index-2 bg-white">
                          </div>
                        </div>
                        <h4 class="text-white font-weight-bolder text-center mt-2 mb-0">Sign in</h4>
                    </div>
                </div>
                <div class="card-body">
                    <form role="form" class="text-start" action="authenticate" id="auth" method="POST">
                        <div class="input-group input-group-outline my-3"> 
                            <label class="form-label">Email</label>
                            <input type="email" class="form-control" id="email" name="login-username">
                        </div>
                        <div class="input-group input-group-outline mb-3">
                            <label class="form-label">Password</label>
                            <input type="password" class="form-control" id="password" name="login-password">
                        </div>
                        <div class="form-check form-switch d-flex align-items-center mb-3">
                            <input class="form-check-input" type="checkbox" id="rememberbut">
                            <label class="form-check-label mb-0 ms-2" for="rememberMe">Remember me</label>
                        </div>
                        <div class="text-center">
                            <button type="submit" class="btn bg-gradient-primary w-100 my-4 mb-2" id="loginbutton"><span id="spinner"></span>&nbsp;<span id="indicator">Sign in</span></button>
                        </div>
                        <p style="text-align:right">
                            <a href="/reset_password" style="color:blue;">Forgot password?</a>
                        </p>
                        
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<?php  include'hold/end.php'; ?>

<?php  include'hold/orgin.php'; ?>

<script>
    $(document).ready(function(){
        $("#auth").submit(function(e){
            e.preventDefault();
            var formdata = new FormData(this);
           
            $("#auth :input").prop("disabled", true);
            $('#spinner').html("<img src='/img/ajax-loader.gif' width='15'>").fadeIn('fast');
            $('#indicator').html("authenticating");
            $.ajax({
                url: "authenticate.php",
                type: "POST",
                data: formdata,
                mimeTypes:"multipart/form-data", 
                contentType: false,
                cache: false,
                processData: false,
                success: function(formData){
                    $('#spinner').hide();
                    $('#indicator').html("Sign in");
                    if(formData == 0){
                        pop_info("Wrong credentials, Try again!");
                        $("#auth :input").prop("disabled", false);
                    }
                    else if(formData == -1){
                        $("#loginbutton").hide();
                        var email = $("#email").val();
                        window.location.href = "/create_password?ac="+email; 
                    }
                    else{
                        pop_up_success("You are being redirected!");
                        $("#loginbutton").hide();
                        setTimeout(function(){
                            if(formData == 1){
                                window.location.href = "../admin/pay";
                            }
                            if(formData == 2){
                                window.location.href = "../management/pay";
                            }
                            if(formData == 3){
                                window.location.href = "../finance/pay";
                            }
                            if(formData == 4){
                                window.location.href = "../client/pay";
                            }
                        }, 2000); 
                    }
  
                },error: function(){
                    $('#spinner').hide();
                    $('#indicator').html("Sign in");
                    $("#auth :input").prop("disabled", false);
                    pop_wrong("Something went wrong!");
                }
            });
        });
    });
 </script>
