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

{{define "body"}}
<div class="container d-flex flex-grow-1 justify-content-center align-items-center flex-column">
  {{if .SuccessfulRegistration}}
  <div class="alert alert-success" role="alert">
    <p class="mb-0">Registration successful. Now you can login.</p>
  </div>
  {{end}}
  <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="password" type="password" required>
      </label>
      <div>
        <a href="/register">Register</a>
      </div>
      <input class="btn btn-primary" type="submit" value="Login">
    </div>
  </form>
</div>
{{end}}