{% extends "base_catalog.html" %}
{% load i18n %}
{% load url from future %}

{% block title %}{% trans "Password recovery" %}{% endblock %}
{% block bread_scrumbs %}
{% endblock %}

{% block page_title %}
    <div class="page-title">
        <h1>{% trans "Password recovery" %}</h1>
    </div>
{% endblock %}

{% block content_list %}
    <div class="m-article">
        <div class="item-wrap event clearfix">
            {% if invalid %}{% url "password_reset_recover" as recovery_url %}
                <p>{% blocktrans %}Sorry, this password reset link is invalid. You can still <a href="{{ recovery_url }}">request a new one</a>.{% endblocktrans %}</p>
            {% else %}
            <p>{% blocktrans %}Hi, <strong>{{ username }}</strong>. Please choose your new password.{% endblocktrans %}</p>
            <form class="pw-form" method="post" action="{{ url }}">
                {% csrf_token %}
                {% if form.errors %}
                    {# вывести ошибку #}
                    {{ form.errors.password2.0 }}{# текст ошибки #}

                {% else %}
                {% endif %}
                <div class="pwf-line period">
                    <div class="pwf-field">
                        {{ form.password1.label }}{{ form.password1 }}
                    </div>

                </div>
                <div class="pwf-line period">
                    <div class="pwf-field">
                        {{ form.password2.label }}{{ form.password2 }}
                    </div>

                </div>
                <div class="pwf-buttons-line">
                    <button type="submit" class="icon-check">{% trans "Set new password" %}</button>
                </div>


            </form>
            {% endif %}
        </div>
    </div>
{% endblock %}