<%- include ../partials/header.ejs %> <%- include ../partials/main_nav.ejs %>

<!-- Main Content -->
<main class="container">
  <div class="jumbotron">
    <h1 class="display-4 text-center"><%= title %></h1>
    <form id="login-form" class="form" action="/login" method="post">
      <div class="form-group">
        <label for="username" class="text-info">Username:</label><br />
        <input type="text" name="username" id="username" class="form-control" />
      </div>
      <div class="form-group">
        <label for="password" class="text-info">Password:</label><br />
        <input
          type="password"
          name="password"
          id="password"
          class="form-control"
        />
      </div>
      <div class="form-group">
        <input
          type="submit"
          name="submit"
          class="btn btn-info btn-md"
          value="Submit"
        />
      </div>
      <div id="register-link" class="text-right">
        <a href="/register" class="text-info">Register here</a>
      </div>
    </form>
  </div>
</main>

<%- include ../partials/bottom_nav.ejs %> <%- include ../partials/footer.ejs %>
