{% extends "public_base.html" %}
{% load static %}

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

{% block content %}
<div class="auth-wrapper">
    <div class="auth-card">
        <div class="auth-logo">
            <img src="{% static 'images/mirella.png' %}" alt="MLS Foundation" height="70">
        </div>
        <h2 class="auth-title">Reset Password</h2>
        <p class="auth-subtitle">Enter your email and we'll send you a reset link.</p>

        <form method="post">
            {% csrf_token %}
            <div class="mb-3">
                <label for="id_email" class="form-label">Email Address</label>
                <input type="email" name="email" id="id_email" class="form-control form-control-lg"
                       placeholder="your@email.com" required autofocus>
            </div>
            <button type="submit" class="btn btn-primary w-100 btn-lg">Send Reset Link</button>
        </form>

        <div class="text-center mt-3">
            <a href="{% url 'accounts:login' %}" class="text-decoration-none small">
                <i class="fa-solid fa-arrow-left me-1"></i> Back to Login
            </a>
        </div>
    </div>
</div>
{% endblock %}