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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>PYAO - Admin Panel</title>
  <link rel="icon" href="images\favicon.png" type="image/x-icon">
  <link href="https://fonts.googleapis.com/css?family=Karla:400,700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="assets/materialdesignicons.min.css">
  <link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="assets/bootstrap.min.css">
  <link rel="stylesheet" href="css\login.css">
  <style type="text/css">
    .error {
      color: #b55351;
      text-align: left !important;
      font-size: small;
    }
  </style>
</head>

<body>
  <main class="d-flex align-items-center min-vh-100 py-3 py-md-0">
    <div class="container">
      <div class="card login-card">
        <div class="row no-gutters">
          <div class="col-md-5">
            <img src="images/login.jpg" class="login-card-img">
            <p class="text-white font-weight-medium text-center flex-grow align-self-end footer-link text-small">
            </p>
          </div>
          <div class="col-md-7">
            <div class="card-body">
              <div class="brand-wrapper">
                <img src="images/logo.png" alt="MUSCCO" class="logo">
              </div>
              <p class="login-card-description">Sign into your account</p>
              <div id="error"></div>
              <?php //include_once('login.php'); 
              ?>
              <form action="" method="post" id="signin" name="signin">
                <div class="form-group">
                  <label for="email" class="sr-only">Email</label>
                  <input type="email" name="email" id="email" class="form-control" placeholder="Email address">
                </div>
                <div class="form-group mb-4">
                  <label for="password" class="sr-only">Password</label>
                  <input type="password" name="password" id="password" class="form-control" placeholder="Password">
                </div>
                <button type="submit" name="login" id="login" class="btn btn-block btn-primary mb-4"><i class="fa fa-sign-in"></i> Login</button>
              </form>
              <a href="#!" class="forgot-password-link">Forgot password?</a><br><br>
              <nav class="login-card-footer-nav">
                <a href="">© <?= date('Y') ?> PYAO</a>
                
              </nav>
            </div>
          </div>
        </div>
      </div>

    </div>
  </main>
  <script src="assets/jquery-3.4.1.min.js"></script>
  <script src="assets/popper.min.js"></script>
  <script src="assets/bootstrap.min.js"></script>
  <script src="js/validation.min.js"></script>
  <script src="js/script.js"></script>
</body>

</html>