{{define "navbar"}}
{{end}}

{{define "body"}}
<div class="container d-flex flex-grow-1 justify-content-center align-items-center flex-column">
  <div class="alert alert-warning" role="alert">
    <p>Your password will be stored in a safe, responsible manner; but don't trust my programming skills!</p>
    <p class="mb-0">Maybe use a password here that you don't use for important things...</p>
  </div>
  <form method="post">
    <div class="d-flex flex-column gap-3">
      <label>
        Username
        <input class="form-control" name="username" required>
      </label>
      <label>
        Password
        <input class="form-control" name="newPassword" type="password" required minlength="5">
      </label>
      <label>
        Confirm password
        <input class="form-control" name="confirmPassword" type="password" required minlength="5">
      </label>
      <input class="btn btn-primary" type="submit" value="Register">
    </div>
  </form>
</div>
{{end}}