{{ define "content" }}
<section>
    <div class="cols">
        <div>
            <h1>Register</h1>
            <div class="info">
                <p>Registrations are manually approved to prevent spam and keep this little cafe a cool place to hang out.</p>
                <p>You should receive a confirmation within a few hours at the email you have provided. Make sure to enter a valid address!</p>
            </div>
        </div>
        <div>
            {{ if .form.Error }}
            <p>{{ .form.Error }}</p>
            {{ end }}
            <form action="/register" method="post" class="auth-form">
                <div class="field">
                    <label for="name">Username</label>
                    <input type="text" id="name" name="name" autocomplete="off" required autofocus/>
                </div>
                <div class="field">
                    <label for="email">Email</label>
                    <input type="email" id="email" name="email" autocomplete="off" required autofocus/>
                </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>
                <input type="submit" value="Submit">
            </form>
        </div>
    </div>
</section>
{{ end }}