{% extends "auth/base_auth.html" %}

{% block title %}Nova Senha — Dra. Mariela Moreno Autie{% endblock %}

{% block auth_content %}
<div class="text-center mb-6">
    <h1 class="font-poppins font-bold text-dark text-2xl mb-1">Nova Senha</h1>
    <p class="text-gray-400 text-sm">Insira a sua nova senha</p>
</div>

{% if validlink %}
<form method="post" novalidate>
    {% csrf_token %}

    <div class="mb-4">
        <label for="id_new_password1" class="block text-sm font-medium text-gray-600 mb-1.5">Nova senha</label>
        {{ form.new_password1 }}
        {% if form.new_password1.errors %}
        {% for error in form.new_password1.errors %}
        <p class="text-red-500 text-xs mt-1">{{ error }}</p>
        {% endfor %}
        {% endif %}
    </div>

    <div class="mb-6">
        <label for="id_new_password2" class="block text-sm font-medium text-gray-600 mb-1.5">Confirmar nova senha</label>
        {{ form.new_password2 }}
        {% if form.new_password2.errors %}
        <p class="text-red-500 text-xs mt-1">{{ form.new_password2.errors.0 }}</p>
        {% endif %}
    </div>

    <button type="submit" class="btn-rosa w-full flex items-center justify-center gap-2 px-6 py-3 bg-rosa text-white font-semibold rounded-[25px] shadow-md hover:shadow-lg text-base">
        Alterar Senha
    </button>
</form>
{% else %}
<div class="text-center p-4 bg-red-50 text-red-700 border border-red-200 rounded-xl">
    <p class="font-medium mb-2">Link Inválido</p>
    <p class="text-sm mb-4">Este link de recuperação expirou ou já foi utilizado.</p>
    <a href="{% url 'users:password_reset' %}" class="text-rosa font-medium hover:underline">Solicitar novo link →</a>
</div>
{% endif %}
{% endblock %}