{% extends 'account/_auth_layout.html' %}{% load static %}{% load i18n %}
{% block main %}
    <section class="min-vh-100 d-flex bg-primary align-items-center">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-md-8 col-lg-6 justify-content-center">
                    <div class="card bg-primary shadow-soft border-light p-4">
                        <div class="card-header text-center pb-0">
                            <h2 class="mb-0 h5">{% if authentication_text.title %}{{ authentication_text.title }}{% else %}{% trans 'Set a new password' %}{% endif %}</h2>
                            {% if authentication_text.description %}<p>{{ authentication_text.description|linebreaksbr }}</p>{% endif %}
                        </div>
                        <div class="card-body">
                            {% if token_fail %}
                                <div class="alert alert-danger" role="alert">
                                    {% trans "The password reset link is invalid or has expired." %}
                                </div>
                                <div class="text-center">
                                    <a href="{% url 'account_reset_password' %}" class="btn btn-primary">
                                        {% trans "Send a new request" %}
                                    </a>
                                </div>
                            {% else %}
                                <form method="post">
                                    {% csrf_token %}

                                    <!-- Непольові помилки -->
                                    {% if form.non_field_errors %}
                                        <div class="alert alert-danger">
                                            {% for error in form.non_field_errors %}
                                                <p>{{ error }}</p>
                                            {% endfor %}
                                        </div>
                                    {% endif %}

                                    <!-- Новий пароль -->
                                    <div class="form-group">
                                        <label for="{{ form.password1.id_for_label }}">{% trans 'New password' %}</label>
                                        <div class="input-group mb-4">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><span class="fas fa-unlock-alt"></span></span>
                                            </div>
                                            <input
                                                    type="password"
                                                    name="{{ form.password1.name }}"
                                                    id="{{ form.password1.id_for_label }}"
                                                    value=""
                                                    class="form-control {% if form.password1.errors %}is-invalid{% endif %}"
                                                    placeholder="{% trans 'Password' %}"
                                                    aria-label="{% trans 'Password' %}"
                                                    required>
                                            {% for error in form.password1.errors %}
                                                <div class="invalid-feedback">{{ error }}</div>
                                            {% endfor %}
                                        </div>
                                    </div>

                                    <!-- Повтор пароля -->
                                    <div class="form-group">
                                        <label for="{{ form.password2.id_for_label }}">{% trans 'Confirm password' %}</label>
                                        <div class="input-group mb-4">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><span class="fas fa-unlock-alt"></span></span>
                                            </div>
                                            <input
                                                    type="password"
                                                    name="{{ form.password2.name }}"
                                                    id="{{ form.password2.id_for_label }}"
                                                    value=""
                                                    class="form-control {% if form.password2.errors %}is-invalid{% endif %}"
                                                    placeholder="{% trans 'Password confirmation' %}"
                                                    aria-label="{% trans 'Password confirmation' %}"
                                                    required>
                                            {% for error in form.password2.errors %}
                                                <div class="invalid-feedback">{{ error }}</div>
                                            {% endfor %}
                                        </div>
                                    </div>

                                    <!-- Кнопка -->
                                    <button type="submit" class="btn btn-block btn-primary">
                                        {% if authentication_text.submit_text %}{{ authentication_text.submit_text }}{% else %}{% trans 'Save new password' %}{% endif %}
                                    </button>
                                </form>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endblock %}