<div class="zone medium">
    <h1 class="zone xl margin-bottom margin-top">
        Password Reset
    </h1>

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

    <br />
    <br />

    <form name="recovery-reset"
        data-analytics
        data-analytics-activity
        data-analytics-event="submit"
        data-analytics-category="home"
        data-analytics-label="Update Account Recovery"
        data-service="account.updateRecovery"
        data-scope="console"
        data-event="submit"
        data-success="alert,redirect"
        data-success-param-alert="Password Reset Completed"
        data-success-param-url="/auth/signin"
        data-failure="alert"
        data-failure-param-alert-text="Password Reset Failed"
        data-failure-param-alert-classname="error">

        <input type="hidden" name="userId" data-ls-bind="{{router.params.userId}}">
        <input type="hidden" name="secret" data-ls-bind="{{router.params.secret}}">

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

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

        <button type="submit" class="btn btn-primary"><i class="fa fa-sign-in"></i> Apply</button>
    </form>
</div>
