{% extends "base.html" %}

{% block page-title %}Reset password - {{ block.super }}{% endblock %}

{% block html-class %}account{% endblock %}
{% block body-class %}{{ block.super }} account forgot-password{% endblock %}

{% block content %}
    <h1 class="logo"><a href="/">Smooth Wallet</a></h1>
    <div class="modal">
        <form method="post" action="">
            <div class="modal-header">
                <h3>Reset Password</h3>
            </div>
            <div class="modal-body {% if form.errors %}modal-body-errors{% endif %}">
                <div class="legend">
                    <p>Forgot your password?  Enter your email below and we'll send you instructions for creating a new one.</p>
                </div>
                {% if form.errors %}
                    {% if form.non_field_errors %}
                        <div class="alert-message block-message error">
                            {{ form.non_field_errors }}
                        </div>
                    {% else %}
                        <div class="alert-message error">
                            <p>Please fix the errors below.</p>
                        </div>
                    {% endif %}
                {% endif %}
                <fieldset>
                    <div class="clearfix {% if form.email.errors %}error{% endif %}">
                        <label for="id_email">Email</label>
                        <div class="input">
                            {{ form.email }}
                            {% if form.errors.email %}
                                <span class="help-inline">
                                    {% for error in form.errors.email  %}
                                        {{ error }}
                                    {% endfor %}
                                </span>
                            {% endif %}
                        </div>
                    </div>
                </fieldset>
            </div>
            <div class="modal-footer">
                {% csrf_token %}
                <a class="btn secondary login" href="/login/">Log in instead?</a>
                <!--<a class="btn secondary signup" href="/signup/">Need to sign up?</a>-->
                <input class="btn primary submit" type="submit" value="Reset password" />
            </div>
        </form>
    </div>
{% endblock %}