BrownPaperBag/duffel-auth

{% extends "/layouts/default.html" %}
{% block title %}Forgot Password - {% endblock %}

{% block content %}
<div class="container login-wrapper angular-application" application-name="forgotPassword" ng-controller="ForgotPasswordController">
    <form class="container login-inner" action="" method="post" ng-submit="submit()" novalidate>
        <div ng-hide="emailed">
            {% cmsblock { name: "forgot-password-form-header" } %}
            <p class="lead text-center">Forgot Password</p>
            <p class="text-center">Request a password reset</p>
            {% endcmsblock %}
            <div ng-cloak ng-show="error" class="alert alert-error">
                <strong>Unexpected Error</strong> Please try again
            </div>
            <fieldset>
                <label for="email">Email</label>
                <input ng-model="user.email" type="email" name="email" placeholder="you@domain.com" id="email" />
            </fieldset>
            <input ng-model="user._csrf" ng-init="user._csrf = '{$ _csrf $}'" type="hidden" name="_csrf" value="{{ _csrf }}" />
            <div class="text-right">
                <button ng-disabled="!user.email || submitting" type="submit" class="btn btn-success">Request Reset <i ng-class="{'icon-arrow-right':!submitting, 'icon-spinner icon-spin':submitting}"></i></button>
            </div>
        </div>
        <div ng-cloak ng-show="emailed" ng-animate="'fade'">
            {% cmsblock { name: "forgot-password-emailed" } %}
            <p>
                An email containing a reset link has been sent to:
            </p>
            <p>
                <strong>{{ user.email }}</strong>
            </p>
            <p>
                <em>Note that if this email hasn't been registered with us, no email was sent.</em>
            </p>
            {% endcmsblock %}
        </div>
    </form>
</div>
{$ assetify.js.emit('duffel-auth-forgot-password') $}
{% endblock %}