{{define "content"}}
<header class="masthead">
  <p class="masthead-kicker">Consulting Work Exchange</p>
  <p class="masthead-title">◈ {{.Brand}}</p>
  <p class="masthead-rule">❦</p>
</header>
<div class="card">
  <h1>Create account</h1>
  <p class="hint">Self-registration creates a developer account. Consultant and admin roles are granted by an administrator.</p>
  <div class="error-box" id="error" role="alert"></div>
  <form id="register-form" class="mt">
    <div class="field">
      <label for="name">Name</label>
      <input type="text" id="name" name="name" autocomplete="name" required>
    </div>
    <div class="field">
      <label for="email">Email</label>
      <input type="email" id="email" name="email" autocomplete="email" required>
    </div>
    <div class="field">
      <label for="password">Password</label>
      <input type="password" id="password" name="password" autocomplete="new-password" minlength="8" required>
      <p class="hint">At least 8 characters.</p>
    </div>
    <div class="spread">
      <button class="btn primary" type="submit">Create account</button>
      <a href="/login">I already have an account</a>
    </div>
  </form>
</div>
{{end}}