<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title> Log in</title>


  <link rel="stylesheet" href="/css/bootstrap.css">
  <link rel="stylesheet" href="/css/fontawesome.css">
  <!-- jQuery library -->
  <script src="/js/jQuery.js"></script>
  <!-- Popper JS -->
  <script src="/js/Popper.js"></script>
  <!-- Latest compiled JavaScript -->
  <script src="/js/compiled.js"></script>
  <link type="text/css" href="/css/style.css" rel="stylesheet">
   <!-- GoogleFont: Source Sans Pro -->
   <link rel="stylesheet" href="/css/GoogleFont.css">
   <!-- Font Awesome Icons -->
<link type="text/css" href="/plugins/fontawesome-free/css/all.min.css" rel="stylesheet" >
<!-- overlayScrollbars -->
<link type="text/css" href="/plugins/overlayScrollbars/css/OverlayScrollbars.min.css" rel="stylesheet" >
<!-- Theme style -->
<link type="text/css"  href="/css/adminlte.min.css" rel="stylesheet" >

<link type="text/css"  href="/css/general.css" rel="stylesheet" >
<!-- <script src="/js/pages.js"></script> -->

<script src="/js/general.js"></script>
<script src="/js/addUser.js"></script>


  <script src="/js/login.js"></script>

</head>
<body class="hold-transition lockscreen">
<!-- Automatic element centering -->
<div class="lockscreen-wrapper">
  <div class="lockscreen-logo">
    <a href="../../index2.html"><b>Welocome </a>
  </div>
  <!-- User name -->
  <div class="lockscreen-name">Hi !</div>

  <!-- START LOCK SCREEN ITEM -->
  <div class="lockscreen-item">
    <!-- lockscreen image -->

    <!-- /.lockscreen-image -->

    <!-- lockscreen credentials (contains the form) -->
    <form class="lockscreen-credentials">
      <div class="input-group">
        <input type="text" class="form-control" placeholder="Employee ID" id="employeeID">

        <div class="input-group-append" id="login">
          <button type="button" class="btn">
            <i class="fas fa-arrow-right text-muted"></i>
          </button>
        </div>
      </div>
    </form>
    <!-- /.lockscreen credentials -->

  </div>
  <!-- /.lockscreen-item -->
  <div class="help-block text-center">
    If you are an employee registered in the system, please enter your ID<br>
    Make sure you have the certificates in your wallet 
  </div>


</div>
<!-- /.center -->
<div id="wait" style="display:none;width:69px;height:89px;border:1px solid black;position:absolute;top:50%;left:50%;padding:2px;"><img src='/images/wait.gif' width="64" height="64" /><br>Loading..</div>


<script src="/plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- overlayScrollbars -->
<script src="/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
<!-- AdminLTE App -->
<script src="/js/adminlte.js"></script>

<!-- PAGE PLUGINS -->
<!-- jQuery Mapael -->
<script src="/plugins/jquery-mousewheel/jquery.mousewheel.js"></script>
<script src="/plugins/raphael/raphael.min.js"></script>
<script src="/plugins/jquery-mapael/jquery.mapael.min.js"></script>
<script src="/plugins/jquery-mapael/maps/usa_states.min.js"></script>
<!-- ChartJS -->
<script src="/plugins/chart.js/Chart.min.js"></script>

<!-- AdminLTE for demo purposes -->
<!-- <script src="/js/demo.js"></script> -->
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<!-- <script src="/js/pages/dashboard2.js"></script> -->

<!-- jQuery -->
<script src="/plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>
