{{define "title"}}
    Register : AI Stuff
{{end}}

{{define "mainbody"}}
    <div class="login-page">
        <div>
            <h1>
                Register
            </h1>
            <form method="post" action="/register" {{if .Submited}}class="submitted"{{end}}  >
                <fieldset>
                    <label for="username">Username</label>
                    <input required name="username" value="{{.Username}}" />
                    {{if .UserError}}
                        <span class="form-msg error">
                            Username already in use
                        </span>
                    {{end}}
                </fieldset>
                <fieldset>
                    <label for="email">Email</label>
                    <input type="email" required name="email" value="{{.Email}}" />
                    {{if .EmailError}}
                        <span class="form-msg error">
                            Email already in use
                        </span>
                    {{end}}
                </fieldset>
                <fieldset>
                    <label for="password">Password</label>
                    <input required name="password" type="password" />
                    {{if .PasswordToLong}}
                        <span class="form-msg error">
                            Password is to long
                        </span>
                    {{end}}
                </fieldset>
                <button>
                    Register
                </button>
                <div class="spacer"></div>
                <a class="simple-link text-center w100" hx-get="/login" hx-headers='{"REQUEST-TYPE": "htmlfull"}' hx-push-url="true" hx-swap="outerHTML" hx-target=".app">
                    Login
                </a>
            </form>
        </div>
    </div>
{{end}}