{{define "navbar"}}
<nav>
  <ul class="navbar-nav">
    <li class="nav-item">
      <a class="nav-link" href="/">Home</a>
    </li>
  </ul>
</nav>
{{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>
  {{with .GeneralError}}
  <div class="alert alert-danger" role="alert">
    <p class="mb-0">{{.}}</p>
  </div>
  {{end}}
  <form method="post">
    <div class="d-flex flex-column">
      <label>
        Username
        {{template "input" .Username}}
      </label>
      <label>
        Password
        {{template "input" .Password}}
      </label>
      <label>
        Confirm password
        {{template "input" .ConfirmPassword}}
      </label>
      <input class="btn btn-primary" type="submit" value="Register">
    </div>
  </form>
</div>
{{end}}