{{ define "meta" }}<title>Log In</title>{{ end }}

{{ define "content" }}
    <div class="box is-shadowless">
        <div class="content has-text-centered" style="padding: 0 40px;">
            <h1 class="title has-text-dark">Sign Up</h1>
            <form action="" method="POST" class="control">
                <div class="field">
                    <label for="email" class="label is-hidden">Email</label>
                    <div class="control has-icons-left">
                        <input class="input is-medium is-shadowless" id="email" name="email" type="email" placeholder="Email Address" value=""/>
                        <span class="icon is-medium is-left">
                            <i class="fas fa-at"></i>
                        </span>
                    </div>
                </div>
                <div class="field">
                    <label for="password" class="label is-hidden">Password</label>
                    <div class="control has-icons-left">
                        <input class="input is-medium is-shadowless" id="password" name="password" type="password" placeholder="Password" value=""/>
                        <span class="icon is-medium is-left">
                            <i class="fas fa-key"></i>
                        </span>
                    </div>
                </div>
                {{ .csrfField }}
                <div class="field is-grouped-right">
                    <input class="button is-success is-fullwidth is-medium" type="submit" value="Sign Up">
                </div>
                <div class="field has-text-centered">
                    <p>By signing up you agree to the <a href="{{ url "legal/tos" }}" class="has-text-weight-bold">Terms of Service</a></p>
                </div>
            </form>
        </div>
    </div>
    <div class="field">
        <p class="has-text-white has-text-centered">
            Already have an account? <a class="has-text-weight-bold" href="/login">Log In</a>
        </p>
    </div>
{{ end }}