{@args token: String, email: String, name: String, problems: [String], min_len: Int}
<h1>Create an account</h1>
{if not (sx_list_is_empty problems)}
<ul role="alert">
  {for p: String in problems}
  <li>{html translated p}</li>
  {end}
</ul>
{end}
<form method="post" action="/register">
  <input type="hidden" name="_csrf_token" value={token}>
  <label for="email">Email</label>
  <input id="email" name="email" type="email" autocomplete="email" required value={email}>
  <label for="name">Public name (optional)</label>
  <input id="name" name="name" type="text" autocomplete="nickname" maxlength="60" value={name} aria-describedby="name-hint">
  <p id="name-hint">Shown next to what you publish. Without one, the part of your email before "@" is shown.</p>
  <label for="password">Password</label>
  <input id="password" name="password" type="password" autocomplete="new-password" required minlength={int_to_str min_len} aria-describedby="password-hint">
  <p id="password-hint">At least {int_to_str min_len} characters. A few unrelated words make a good password.</p>
  <button type="submit">Create account</button>
</form>
<p>Already registered? <a href="/login">Sign in</a>.</p>