<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">

    <!-- Font Awesome -->
    <script src="https://kit.fontawesome.com/f82df14a80.js" crossorigin="anonymous"></script>

    <!-- Bootstrap 5.2.0-->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">

    <link rel="stylesheet" href="/css/general-styles.css" />
    <link rel="stylesheet" href="/css/home-styles.css" />
    <title></title>
  </head>
  <body class="background-gradient">

<!--**********  NAVBAR SECTION ***********-->
  <%- include('partials/navbar') %>

<!--**********  MAIN SECTION ***********-->
<section class="container-fluid height d-flex justify-content-center align-items-center py-3">
<div class="login-inner border mt-5">
  <div class="pb-3 pt-4 btn-gradient">
  <h1 class="text-center mb-">Login Here</h1>
</div>

  <div class="errors"><% if (error) { %>
    <h4 class="errors">Invalid Credentials</h4>
<% } %>


<form class="login-inner-form py-4 px-5" action="/users/login" method="POST" novalidate>
    <div class="mb-4">
      <label for="exampleInputEmail1" class="form-label text-uppercase">Email address</label>
      <input type="email" class="form-control" name="user[email]" id="exampleInputEmail1" aria-describedby="emailHelp">
      <div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
    </div>
    <div class="mb-5">
      <label for="exampleInputPassword1" class="form-label text-uppercase">Password</label>
      <input type="password" class="form-control" name="user[password]" id="exampleInputPassword1">
    </div>
    <button type="submit" class="submitBtn btn-gradient py-2">Login</button>
  </form>
</div>

</section>

<!--**********  FOOTER SECTION *********  -->
<%- include('partials/footer') %>
<script
  src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js"
  integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2"
  crossorigin="anonymous"
></script>
  </body>
</html>
