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

<div class="columns is-centered">
  <div class="column is-5">
    <h1 class="title">Create your account</h1>
    <p class="notification is-warning">
      New accounts require admin approval before you can add pads, ratings, or photos.
    </p>
    <form method="post" action="/register" 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">Create account</button>
    </form>
    <p class="has-text-grey">Already approved? <a href="/login">Log in</a>.</p>
  </div>
</div>

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