{% extends "base.html" %}

{% block content %}
<div class="content-section">
    <form method="POST">
        {{ form.hidden_tag() }}
        <fieldset class="form-group">
            <legend class="border-bottom mb-4">Reset Password</legend>
            <div class="form-group">
                {{ form.token.label(class="form-control-label") }}
                {% if form.token.errors %}
                    {{ form.token(class="form-control is-invalid") }}
                    <div class="invalid-feedback">
                        {% for error in form.token.errors %}
                            <span>{{ error }}</span>
                        {% endfor %}
                    </div>
                {% else %}
                    {{ form.token(class="form-control", placeholder="Enter the reset token you received") }}
                {% endif %}
            </div>
            <div class="form-group">
                {{ form.new_password.label(class="form-control-label") }}
                {% if form.new_password.errors %}
                    {{ form.new_password(class="form-control is-invalid") }}
                    <div class="invalid-feedback">
                        {% for error in form.new_password.errors %}
                            <span>{{ error }}</span>
                        {% endfor %}
                    </div>
                {% else %}
                    {{ form.new_password(class="form-control") }}
                {% endif %}
            </div>
            <div class="form-group">
                {{ form.confirm_password.label(class="form-control-label") }}
                {% if form.confirm_password.errors %}
                    {{ form.confirm_password(class="form-control is-invalid") }}
                    <div class="invalid-feedback">
                        {% for error in form.confirm_password.errors %}
                            <span>{{ error }}</span>
                        {% endfor %}
                    </div>
                {% else %}
                    {{ form.confirm_password(class="form-control") }}
                {% endif %}
            </div>
        </fieldset>
        <div class="form-group">
            {{ form.submit(class="btn btn-outline-info") }}
        </div>
    </form>
</div>
<div class="border-top pt-3">
    <small class="text-muted">
        <p class="text-warning">
            <strong>Note:</strong> Reset tokens can only be used once and expire in 24 hours.
        </p>
        Need a new token? <a class="ml-2" href="{{ url_for('auth.reset_password_request') }}">Request New Reset</a>
    </small>
</div>
{% endblock %}