{% extends 'auth_base.html' %}

{% block title %}Reset Password{% endblock %}

{% block content %}
<div class="auth-logo">
    🔑
</div>

<h1 class="auth-title">Reset Password</h1>
<p class="auth-subtitle">Enter your email to receive reset instructions</p>

<form method="post" class="auth-form">
    {% csrf_token %}
    
    {% if form.non_field_errors %}
        <div class="error-message">
            {% for error in form.non_field_errors %}
                {{ error }}
            {% endfor %}
        </div>
    {% endif %}
    
    <div class="form-group">
        <label for="{{ form.email.id_for_label }}" class="form-label">Email</label>
        <input type="email" 
               class="form-control {% if form.email.errors %}is-invalid{% endif %}" 
               id="{{ form.email.id_for_label }}" 
               name="{{ form.email.name }}" 
               placeholder="you@example.com"
               value="{{ form.email.value|default:'' }}"
               required>
        {% if form.email.errors %}
            <ul class="errorlist">
                {% for error in form.email.errors %}
                    <li>{{ error }}</li>
                {% endfor %}
            </ul>
        {% endif %}
    </div>
    
    <button type="submit" class="btn-primary">Send Reset Link</button>
</form>

<div class="auth-links">
    Remember your password? <a href="{% url 'account_login' %}">Sign in</a>
</div>
{% endblock %}