{% extends "registration/registration_base.html" %}

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

{% block body-class %}{{ block.super }} static{% endblock %}

{% block banner %}
    <h1>
        <span class="subtitle">Settings</span>
        <a href="{{ request.path }}" class="title">Account Information</a>
    </h1>
{% endblock %}

{% block content %}
    {% include "accounts/nav.html" %}
    <div class="page-content">
        {% if form.errors %}
            <div class="errors">
                {{ form.errors }}
            </div>
        {% endif %}
        <div class="tab-content" id="change-password">
            <div class="page-title">
                <h2 class="title-account">Change Your Password</h2>
                <p>If you change your password, make sure to remember it for the next time you login.</p>
            </div>
            <form method='post' action=''>
                <div class="fields">
                    {% csrf_token %}
                    <div class="field">
                        <div class="field {% if form.old_password.errors %}error{% endif %}">
                            <label for="id_old_password">Current Password</label>
                            {{ form.old_password }}
                        </div>
                        <div class="field {% if form.new_password1.errors %}error{% endif %}">
                            <label for="id_new_password1">New Password</label>
                            {{ form.new_password1 }}
                        </div>
                        <div class="field {% if form.new_password2.errors %}error{% endif %}">
                            <label for="id_new_password2">Confirm New Password</label>
                            {{ form.new_password2 }}
                        </div>
                    </div>
                </div>
                <div class="submit">
                    <input class="submit" type='submit' value="Change Password" />
                </div>
            </form>
        </div>
    </div>
{% endblock %}