{{define "content"}}
<section class="auth-card">
    <h1>Create account</h1>
    <form method="post" action="/register" novalidate>
        <input type="hidden" name="csrf_token" value="{{.CSRFToken}}" />
        <label for="username">Username</label>
        <input type="text" id="username" name="username" value="{{index .FormValues "username"}}" placeholder="choose-a-name" required autofocus />

        <label for="email">Email</label>
        <input type="email" id="email" name="email" value="{{index .FormValues "email"}}" placeholder="you@example.com" required />

        <label for="password">Password</label>
        <input type="password" id="password" name="password" minlength="8" required />
        <p class="hint">Use at least 8 characters. Passwords are case-sensitive.</p>

        <label for="password_confirm">Confirm password</label>
        <input type="password" id="password_confirm" name="password_confirm" minlength="8" required />

        <button type="submit">Create account</button>
    </form>
    <p class="hint">Already have an account? <a href="/login">Sign in</a>.</p>
</section>
{{end}}