{% extends 'base.html' %}

{% block title %}رمز عبور جدید خود را وارد کنید{% endblock %}

{% block content %}
<div class="max-w-md mx-auto mt-10 bg-white p-8 rounded-lg shadow-xl text-right" dir="rtl">
    <h1 class="text-2xl font-bold text-center mb-6">تنظیم رمز عبور جدید</h1>

    {% if validlink %}
        <p class="text-center text-gray-600 mb-4">لطفاً رمز عبور جدید خود را دو بار وارد کنید تا از صحت آن مطمئن شویم.</p>

        <form method="post" class="space-y-6">
            {% csrf_token %}
            {{ form.as_p }}
            <button type="submit" class="w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
                تغییر رمز عبور من
            </button>
        </form>
    {% else %}
        <p class="text-center text-red-600 bg-red-100 p-4 rounded-lg">
            این لینک برای بازنشانی رمز عبور نامعتبر است. احتمالاً قبلاً از آن استفاده شده است. لطفاً دوباره درخواست بازنشانی رمز عبور دهید.
        </p>
    {% endif %}
</div>
{% endblock %}