{{define "title"}}Create account{{end}}
{{define "content"}}
<div class="panel narrow">
  <h1>Create account</h1>
  <p class="muted">One T5DE account for all your IMVU accounts.</p>
  {{if .Error}}<div class="error">{{.Error}}</div>{{end}}
  <form method="post" action="/signup">
    <label for="username">Username</label>
    <input type="text" id="username" name="username" value="{{.Username}}" autocomplete="username" required autofocus
      pattern="[A-Za-z0-9_]{3,32}" title="3 to 32 letters, digits or underscores">
    <label for="password">Password</label>
    <input type="password" id="password" name="password" autocomplete="new-password" required minlength="10">
    <label for="password2">Password again</label>
    <input type="password" id="password2" name="password2" autocomplete="new-password" required minlength="10">
    <p class="muted small">Not your IMVU password: use a new one.</p>
    <div class="actions">
      <button>Create account</button>
      <span class="muted small">Have one? <a href="/signin">Sign in</a></span>
    </div>
  </form>
</div>
{{end}}