{% extends "account/base.html" %}
{% load static %}
{% load i18n %}
{% block head_title %}{% trans "Change Password" %}{% endblock %}
{% block content %}
<section class="main-section">
  <div class="container">
    <div class="row">
      <div class="col-sm-6 col-md-4 col-md-offset-4">
        <h1 class="form-title text-center">{% trans "Change Password" %}</h1>
        <div class="account-wall">
          <form class="login" id="form" method="post" action="{% url 'account_login' %}">
            {% csrf_token %}
            <div class="form-registration">
                <p>
                    <label for="id_oldpassword">{% trans 'Current Password:' %}</label>
                    <input class="form-control" type="password" name="oldpassword" placeholder="Current Password" required id="id_oldpassword" />
                </p>
                <p>
                    {% if form.password1.errors %}
                        {% for error in form.password1.errors %}
                            <div style="font-size: 12px;" class="alert alert-danger alert-dismissible" role="alert">
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                {{ error|escape }}
                            </div>
                        {% endfor %}
                    {% endif %}
                    <label for="id_password1">{% trans 'New Password:' %}</label>
                    <input class="form-control" type="password" name="password1" placeholder="New Password" required id="id_password1" /></p>
                </p>
                <div class="pwstrength_viewport_progress"></div>
                <p>
                    <label for="id_password2">{% trans 'New Password (again):' %}</label>
                    <input class="form-control" type="password" name="password2" placeholder="New Password (again)" required id="id_password2" />
                </p>
              <button class="btn btn-lg btn-primary btn-block" type="submit" name="action">{% trans "Change Password" %}</button>
            </div>
          </form>
        </div>     
      </div>
    </div>
  </div>
</section>
{% endblock %}
{% block javascript %}
<script src="{% static "main/js/pwstrength.js" %}"></script>
<script src="{% static "main/js/zxcvbn.js" %}"></script>
{% endblock %}