{{ define "content" }}
<section>
    <h1>Register</h1>
    {{ if .form.Error }}
    <p>{{ .form.Error }}</p>
    {{ end }}
    <form action="/register" method="post" class="auth-form">
        {{ .csrfField }}
        <div class="field">
            <label for="name">Username</label>
            <input type="text" id="name" name="name" autocomplete="off" required maxlength="20" autofocus/>
        </div>
        <div class="field">
            <label for="email">Email</label>
            <input type="email" id="email" name="email" autocomplete="off" required/>
        </div>
        <div class="field">
            <label for="show-email">Show e-mail</label>
            <input type="checkbox" name="show-email" value="1" id="show-email" style="width: inherit;">
        </div>
        <div class="field">
            <label for="password">Password</label>
            <input type="password" id="password" name="password" required/>
        </div>
        <div class="field">
            <label for="password-confirm">Confirm password</label>
            <input type="password" id="password-confirm" name="password-confirm" required/>
        </div>
        <div class="field">
            <label for="answer">How did you discover status.cafe?</label>
            <textarea id="answer" name="answer" required></textarea>
        </div>
        <p>By clicking the following button you agree to our <a href="/tos" target="_blank">Terms of Service</a>.</p>
        <input type="submit" value="Submit">
    </form>
</section>
{{ end }}