{% extends "base.html" %}
{% load i18n %}

{% block title %}{% trans "Password Reset Sent" %}{% endblock %}

{% block content %}
<div class="min-h-screen flex items-center justify-center bg-background">
    <c-card class='w-[400px]'>
        <c-card.header>
            <c-card.title>{% trans "Password Reset Sent" %}</c-card.title>
            <c-card.description>
                {% trans "We have sent you an email with instructions on how to reset your password. If you don't receive it within a few minutes, please check your spam folder." %}
            </c-card.description>
        </c-card.header>

        <c-card.footer class='flex flex-col space-y-3 pt-6'>
            <c-button onclick="window.location.href='{% url 'account_login' %}'" class="w-full">
                {% trans "Back to Sign In" %}
            </c-button>

            <div class="text-center text-sm text-muted-foreground">
                {% trans "Didn't receive the email?" %}
                <a href="{% url 'account_reset_password' %}" class="text-primary hover:underline">
                    {% trans "Try again" %}
                </a>
            </div>
        </c-card.footer>
    </c-card>
</div>
{% endblock %}