BrownPaperBag/duffel-auth

{% extends "/layouts/default.html" %}

{% block title %}Reset Password - {% endblock %}

{% block content %}
<div class="container login-wrapper angular-application" application-name="resetPassword" ng-controller="ResetPasswordController">
    {% cmsblock { name: "reset-password-header" } %}
    <p class="lead text-center">Reset password</p>
    {% endcmsblock %}
    <form name="resetPasswordForm" class="container login-inner" action="" method="post" ng-submit="submit(resetPasswordForm)" novalidate>
        <div ng-cloak ng-show="formError" class="alert alert-error">
            <strong>{{ formError }}</strong>
        </div>
        <fieldset>
            <label for="password">New password</label>
            <input ng-model="user.password" type="password" name="password" placeholder="New password" id="password" />
            <div ng-cloak ng-show="resetPasswordForm.password.$error.mongoose" class="alert alert-error">
                <strong>{{ resetPasswordForm.password.$error.mongoose }}</strong>
            </div>
        </fieldset>
        <fieldset>
            <label for="repeat-new-password">Repeat new password</label>
            <input ng-model="user.repeatPassword" type="password" name="repeat-new-password" placeholder="Repeat new password" id="repeat-new-password" />
            <div ng-cloak ng-show="!passwordsMatch()" class="alert alert-error">
                <strong>Passwords must match</strong>
            </div>
        </fieldset>
        <div class="text-right">
            <button ng-enabled="user.password == user.repeatPassword" type="submit" class="btn btn-success">Reset Password <i ng-class="{'icon-arrow-right':!submitting, 'icon-spinner icon-spin':submitting}"></i></button>
        </div>
    </form>
</div>
{$ assetify.js.emit('duffel-auth-reset-password') $}
{% endblock %}