<div class="zone medium signup">
    <h1 class="zone xl margin-bottom-large margin-top">
        Sign Up
    </h1>

    <div class="text-danger margin-bottom-large" data-ls-if="{{router.params.failure}} == 1">Registration Failed. Please try again later</div>

    <small class="pull-end text-size-small">* All fields are required</small>

    <form name="account.create"
        data-analytics-event="submit"
        data-analytics-category="home"
        data-analytics-label="Create Account"
        data-service="account.create"
        data-scope="console"
        data-event="submit"
        data-success="trigger,hide"
        data-success-param-trigger-events="account.create"
        data-success-param-redirect-url="/console"
        data-failure="alert"
        data-failure-param-alert-text="Registration Failed. Please try again later"
        data-failure-param-alert-classname="error">

        <label>Name</label>
        <input name="name" type="text" autocomplete="name" placeholder="" required>

        <label>Email</label>
        <input name="email" type="email" autocomplete="email" placeholder="" required data-ls-bind="{{router.params.email}}">

        <label>Password</label>
        <input name="password" type="password" autocomplete="off" placeholder="" required data-forms-password-meter pattern=".{6,}" title="Six or more characters">

        <div class="agree margin-top-large margin-bottom-large">
            <div class="pull-start margin-end-small margin-bottom">
                <input type="checkbox" required />
            </div>
            By signing up, you agree to the <a data-ls-attrs="href={{env.HOME}}/policy/terms" tabindex="-1" target="_blank">Terms and Conditions</a> and <a data-ls-attrs="href={{env.HOME}}/policy/privacy" target="_blank" tabindex="-1">Privacy Policy</a>
        </div>

        <button type="submit">Sign Up</button>
    </form>

</div>

<div class="zone medium text-align-center">
    <a href="/auth/signin">Already have an account?</a>
</div>