{% extends "base.html" %}
{% load i18n %}
{% load account %}
{% block title %}
    {% trans "Password Reset" %}
{% endblock %}
{% block content %}
    <div class="container py-5">
        <div class="row justify-content-center">
            <div class="col-lg-6 col-md-8">
                <div class="card border-0 shadow-lg rounded-4">
                    <div class="card-body p-5 text-center">
                        <!-- Icon -->
                        <div class="mb-4">
                            <i class="bi bi-envelope-paper-fill display-2 text-success"></i>
                        </div>
                        <!-- Heading -->
                        <h2 class="fw-bold mb-3">{% trans "Check Your Email" %}</h2>
                        <!-- Description -->
                        <p class="text-muted mb-4">
                            {% blocktrans %}
                        We've sent password reset instructions to your email address.
                        If an account exists for that email, you'll receive a message shortly with a link to reset your password.
                        {% endblocktrans %}
                        </p>
                        {% if user.is_authenticated %}
                            <div class="mb-4">{% include "account/snippets/already_logged_in.html" %}</div>
                        {% endif %}
                        <!-- Information Alert -->
                        <div class="alert alert-info text-start">
                            <h6 class="alert-heading mb-3">
                                <i class="bi bi-info-circle-fill me-2"></i>
                                {% trans "Didn't receive the email?" %}
                            </h6>
                            <ul class="mb-0 ps-3">
                                <li>{% trans "Check your Spam or Junk folder." %}</li>
                                <li>{% trans "Confirm that you entered the correct email address." %}</li>
                                <li>{% trans "Allow a few minutes for the email to arrive." %}</li>
                                <li>{% trans "If you still don't receive it, try requesting another password reset." %}</li>
                            </ul>
                        </div>
                        <!-- Action Buttons -->
                        <div class="d-grid gap-2 mt-4">
                            <a href="{% url 'account_reset_password' %}"
                               class="btn btn-primary btn-lg">
                                <i class="bi bi-arrow-repeat me-2"></i>
                                {% trans "Send Another Reset Email" %}
                            </a>
                            <a href="{% url 'account_login' %}" class="btn btn-outline-secondary">
                                <i class="bi bi-box-arrow-in-right me-2"></i>
                                {% trans "Back to Sign In" %}
                            </a>
                        </div>
                    </div>
                </div>
                <!-- Help Text -->
                <div class="text-center mt-4">
                    <small class="text-muted">
                        <i class="bi bi-life-preserver me-1"></i>
                        {% blocktrans %}
                    If you're still having trouble, please contact our support team for assistance.
                    {% endblocktrans %}
                    </small>
                </div>
            </div>
        </div>
    </div>
{% endblock %}