<%- include('partials/header', { title }) %>

<div class="columns is-centered">
  <div class="column is-5">
    <h1 class="title">Welcome back</h1>
    <form method="post" action="/login" class="box">
      <div class="field">
        <label class="label" for="username">Username</label>
        <div class="control">
          <input class="input" id="username" name="username" type="text" required />
        </div>
      </div>
      <div class="field">
        <label class="label" for="password">Password</label>
        <div class="control">
          <input class="input" id="password" name="password" type="password" required />
        </div>
      </div>
      <button class="button is-primary" type="submit">Log in</button>
    </form>
    <p class="has-text-grey">Need an account? <a href="/register">Sign up</a>.</p>
  </div>
</div>

<%- include('partials/footer') %>
