{% extends "sauth/base.html" %}
{% block title %}Set New Password{% endblock %}

{% block content %}
<div class="space-y-8">
    <div class="text-center">
        <h2 class="text-3xl font-semibold text-gray-900">Set new password</h2>
        <p class="mt-2 text-gray-600">Enter your new password below.</p>
    </div>

    {% if valid_link and form %}
        <form method="post" class="space-y-6">
            {% csrf_token %}
            
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">New password</label>
                {{ form.new_password }}
            </div>
            
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Confirm new password</label>
                {{ form.confirm_password }}
            </div>

            <button type="submit"
                    class="w-full bg-green-600 hover:bg-green-700 text-white font-semibold py-3.5 rounded-2xl">
                Reset password
            </button>
        </form>
    {% else %}
        <div class="text-center text-red-600 py-8">
            This password reset link is invalid or has expired.
        </div>
        <a href="{% url 'sauth:password_reset_request' %}" 
           class="block text-center text-blue-600 hover:text-blue-500">
            Request a new reset link
        </a>
    {% endif %}
</div>
{% endblock %}