{% extends 'base.html' %}
{% block title %}Reset Password{% endblock %}

{% block content %}
<div class="auth-container d-flex justify-content-center align-items-center">
    <div class="auth-card card shadow-lg p-4">

        <div class="text-center mb-4">
            <i class="bi bi-shield-lock auth-icon"></i>
            <h4 class="mt-2">Reset Password</h4>
            <p class="text-muted small">Enter your email to reset password</p>
        </div>

        <form method="post">
            {% csrf_token %}

            <div class="mb-3">
                <label class="form-label">Email Address</label>
                <input type="email" name="email" class="form-control" required>
            </div>

            <button type="submit" class="btn btn-dark w-100">
                <i class="bi bi-envelope"></i> Send Reset Link
            </button>
        </form>

        <div class="text-center mt-3">
            <a href="{% url 'login' %}" class="small text-decoration-none">
                Back to Login
            </a>
        </div>

    </div>
</div>
{% endblock %}