<!DOCTYPE html> 
<?php include 'config/_globle.php'; ?>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title><?=$app_name;?></title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Font Awesome -->
  <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> -->
  <!-- Theme style -->
  <link rel="stylesheet" href="<?=$app_url;?>/dist/css/adminlte.min.css">
  <!-- iCheck -->
  <!-- <link rel="stylesheet" href="http://clusclient.com/plugins/iCheck/square/blue.css"> -->
  <!-- Google Font: Source Sans Pro -->
  <!-- <link href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins&display=swap" rel="stylesheet">  -->
  <style>
    .login-page{
      font-family: 'Poppins', sans-serif !important;
      background-color: #f6f9ff !important;
    }

    .card{
      border: none;
      box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
    }

    .card-body{
      border-radius: 4px;
    }

    input{
      font-size: 15px !important;
    }

    
  </style>
</head>

<body class="hold-transition login-page">
<div class="login-box">
  <div class="login-logo">
    <img src="<?=$app_url;?>/img/logo_lg.png" style="width:300px;height:auto;"/>
  </div>
  <!-- /.login-logo -->
  <div class="card">
    <div class="card-body login-card-body">
      <p class="login-box-msg">Log in</p>

      <form action="checklogin.php" method="post">
        <div class="form-group has-feedback">
          <input type="input" class="form-control" placeholder="User Name" name="username">
          <!-- <span class="fa fa-envelope form-control-feedback"></span> -->
        </div>
        <div class="form-group has-feedback">
          <input type="password" class="form-control" placeholder="Password" name="password">
          <!-- <span class="fa fa-lock form-control-feedback"></span> -->
        </div>
        <div class="row">
          <div class="col-8">
            <!-- <div class="checkbox icheck">
                <a href="">Forgot your password?</a>
            </div> -->
          </div>
          <!-- /.col -->
          <div class="col-4">
            <button type="submit" class="btn btn-primary btn-block btn-flat">Log In</button>
          </div>
          <!-- /.col -->
        </div>
      </form>
    </div>
    <!-- /.login-card-body -->
  </div>
</div>
<!-- /.login-box -->

<!-- jQuery -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- iCheck -->
<!-- <script src="plugins/iCheck/icheck.min.js"></script> -->
<script>
  $(function () {
    if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
      document.body.style.zoom = "80%";
    }
    // $('input').iCheck({
    //   checkboxClass: 'icheckbox_square-blue',
    //   radioClass   : 'iradio_square-blue',
    //   increaseArea : '20%' // optional
    // })
  })
</script>
</body>
</html>
