<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Pench App | Admin </title>
    
    <meta name="keywords" content="Stationary, Office Stationary">
    <meta name="description" content="Online Stationary Shop">
    <meta name="author" content="IKAL INFOSYSTEM">
    
    <!-- plugins:css -->
    <link rel="stylesheet" href="assets/vendors/iconfonts/mdi/css/materialdesignicons.min.css">
    <link rel="stylesheet" href="assets/vendors/iconfonts/ionicons/css/ionicons.css">
    <link rel="stylesheet" href="assets/vendors/iconfonts/typicons/src/font/typicons.css">
    <link rel="stylesheet" href="assets/vendors/iconfonts/flag-icon-css/css/flag-icon.min.css">
    <link rel="stylesheet" href="assets/vendors/css/vendor.bundle.base.css">
    <link rel="stylesheet" href="assets/vendors/css/vendor.bundle.addons.css">
    <!-- endinject -->
    <!-- plugin css for this page -->
    <!-- End plugin css for this page -->
    <!-- inject:css -->
    <link rel="stylesheet" href="assets/css/shared/style.css">
    <!-- endinject -->
    <link rel="shortcut icon" href="assets/images/ED12.png" />
  </head>
  <body>
    <div class="container-scroller">
      <div class="container-fluid page-body-wrapper full-page-wrapper">
        <div class="content-wrapper d-flex align-items-center auth auth-bg-1 theme-one">
          <div class="row w-100" style="margin: auto;">
            <div class="col-lg-4 mx-auto">
              <div class="auto-form-wrapper">
                <center><img src="assets/images/login.png" style="width: 130px;margin-bottom: 20px;padding: 10px;border-radius: 5px;"></center>
                <form >
                  <div class="form-group">
                    <label class="label">Username</label>
                    <div class="input-group">
                      <input type="text" class="form-control" placeholder="Username" id="username" autocomplete="off">
                      <div class="input-group-append">
                        <span class="input-group-text">
                          <i class="mdi mdi-check-circle-outline"></i>
                        </span>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="label">Password</label>
                    <div class="input-group">
                      <input type="password" class="form-control" placeholder="*********" id="password" autocomplete="off">
                      <div class="input-group-append">
                        <span class="input-group-text">
                          <i class="mdi mdi-check-circle-outline"></i>
                        </span>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <button type="button" class="btn btn-primary submit-btn btn-block" id="submitFormData" onclick="SubmitFormData();">Login</button>
                  </div>
                  <div class="form-group d-flex justify-content-between">
                   
                    <span  style="color:red;font-weight:450;font-size:16px;" id="results"></span>
                  </div>
                  <!--<div class="form-group">
                    <button class="btn btn-block g-login">
                      <img class="mr-3" src="assets/images/file-icons/icon-google.svg" alt="">Log in with Google</button>
                  </div>-->
                  <!--<div class="text-block text-center my-3">
                    <span class="text-small font-weight-semibold">Forgot Password ?</span>
                    <a href="register.html" class="text-black text-small">Reset Now !</a>
                  </div>-->
                </form>
              </div>
              
              <p class="footer-text text-center">Copyright © 2023 Pench App. All rights reserved.</p>
            </div>
          </div>
        </div>
        <!-- content-wrapper ends -->
      </div>
      <!-- page-body-wrapper ends -->
    </div>
    <!-- container-scroller -->
    <!-- plugins:js -->
    <script src="assets/vendors/js/vendor.bundle.base.js"></script>
    <script src="assets/vendors/js/vendor.bundle.addons.js"></script>
    <!-- endinject -->
    <!-- inject:js -->
    <script src="assets/js/shared/off-canvas.js"></script>
    <script src="assets/js/shared/misc.js"></script>
    <!-- endinject -->


    <script>
function SubmitFormData() {
  var username= $("#username").val();
  
  var password= $("#password").val();
  
  $.post("submit.php", { username: username, password: password },
     function(data) {
     $('#results').html(data);
    
     });
}

</script>


<script>
    document.body.addEventListener('keydown', function (evt) {
        if (evt.keyCode == 13)
        {
            document.getElementById("submitFormData").click();
            
        }
  
    });
</script>

  </body>
</html>