<?php  ob_start(); session_start(); 

include 'xyz.php';  

  

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

    <meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="">
    <meta name="author" content="">
 <script src="vendor/jquery/jquery.min.js"></script>
<script src="tab/xl-toast.js"></script>
    <title>AcadApp</title>
    <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
    <link href="css/sb-admin-2.min.css" rel="stylesheet">
    

    <link rel="icon" type="image/png" href="img/Our Logos.png">

</head>

<body class="" style="background-color: #348090;">
         <style>
  
    .form3 input, .form3 select {
  outline: 0;
  border-width: 0 0 1px;
  border-color: #3e4eec;
}
.form3 input:focus {
  border-color: green
}

select {
   border:none;
   outline:none;
}
  </style>
<?php 
//   print "<script> $.toast({title: 'Paper Creation was Successful',backgroundColor: 'gray',textColor: '#fff'});
// setTimeout(function() { window.location ='home?page=mPaper';}, 2000);</script>";


?>
    <div class="container">

        <!-- Outer Row -->
        <div class="row justify-content-center">

            <div class="col-xl-10 col-lg-12 col-md-9">

                <div class="card o-hidden border-0 shadow-lg my-5">
                    <div class="card-body p-0">
                        <!-- Nested Row within Card Body -->

<div class="row"><div class="col-lg-6 d-none d-lg-block">
                               <center> <img src="img/Our Logos.png" style="margin-top:100px;width:300px;">
                                <h4 style="font-weight: bolder;">ACAD APP PRO</h4>
                                <h6 style="color:purple;font-style:italic;" class="stylefont">Licensed to Brainpals Innovation &amp; Technologies</h6>
                               </center>
                            </div>
                            <div class="col-lg-6">
                                <div class="p-5">
                                    <div class="text-center">
                                        <img src="img/verification.png" style="width:350px;">
                                        <h1 class="h4 text-gray-900 mb-4">Sign-In</h1>
                                    </div>
                                    <form class="form3" action="" method="POST">
                                        <div class="form-group">
     <input type="text" class="form-control email" aria-describedby="emailHelp" placeholder="Username" required="" name="username" autocomplete="no"  autosave="no" >
                                        </div>
<div class="form-group"><input type="password" class="form-control form-control-user Password" autocomplete="no"  autosave="no" id="exampleInputPassword" placeholder="Password" required="" name="password" >
                                        </div>
                                        
<div class="form-group"><button type="submit" name="check" class="btn btn-primary col-md-12 check"><i class="fa fa-sign-in-alt bolt"></i> <span>Sign In</span></button></div>
                                        
                                    </form>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>

    </div>


   
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="js/sb-admin-2.min.js"></script>
    
<script type="text/javascript">
$('.check').click(function(e){e.preventDefault();
$('span').html('processing...'); $('.bolt').removeClass('fa-sign-in-alt');
$('.bolt').addClass('fa-spinner fa-spin');

setTimeout(function() { 

$.ajax({data: {email:$('.email').val(),myPass:$('.Password').val()},type: "post",url: "processor",success: function(data){

if(data==4){ window.location='home.php';
}else if(data==3){ window.location='index.php';}
else if (data==2){
$.toast({title: 'Invalid Login Credentials',backgroundColor: 'red',textColor: '#fff'});
// setTimeout(function() { window.location ='home?page=mPaper';}, 2000);
}
},error: function(jqXHR, textStatus, errorThrown) { 
$.toast({title: 'An Error Occurred',backgroundColor: 'red',textColor: '#fff'});
}
});
}, 3000);


})
</script>
</body>

</html>