{% extends "account/base.html" %}
{% load static %}
{% load i18n %}

{% block head_title %}{% trans "Change Password" %}{% endblock %}

{% block content %}
<div class="text-center mt-2">
    <a href="{% url 'home:home_site' %}" class="navbar-brand "><img src="{% static 'sahand/home/img/logo-varzatech.png' %}" height="80px" width="80px" /></a>
  </div>
<h3 class="text-center mt-4" style="color: #0083ED; ">{% trans "تغییر رمز ورود" %}</h3>
<form method="POST" action="{% url 'account_change_password' %}" class="password_change">
    {% csrf_token %}
    <div class="form-group wow animated fadeInRightBig " data-wow-duration="1s">
        <label for="form-text">
            <!--<i class="fa fa-pencil-square-o prefix grey-text"></i> -->
            رمز ورود خود را وارد کنید:
        </label>
        {{ form.oldpassword}}

    </div>
    <div class="form-group wow animated fadeInRightBig " data-wow-duration="1s">
        <label for="form-text">
            <!--<i class="fa fa-pencil-square-o prefix grey-text"></i> -->
            رمز ورود خود را وارد کنید:
        </label>
        {{ form.password1}}

    </div>
    <div class="form-group wow animated fadeInRightBig " data-wow-duration="1s">
        <label for="form-text">
            <!--<i class="fa fa-pencil-square-o prefix grey-text"></i> -->
            رمز ورود خود را وارد کنید:
        </label>
        {{ form.password2}}

    </div>
    {{form.captcha}}
    <button type="submit" class="btn btn-outline-primary btn-block  wow animated fadeInRightBig mb-3 mt-4"
        data-wow-duration="1s" name="action">{% trans "Change Password" %}</button>
    <a class="button secondaryAction mb-4" href="{% url 'account_reset_password' %}">
        {% trans "فراموشی رمز عبور؟" %}
    </a>
    
</form>
<br>
{% endblock %}