{% extends "accounts/login.html" %}

{% block content %}
<div class="container-fluid min-vh-100 d-flex align-items-center justify-content-center py-4">
    <div class="auth-wrapper w-100" style="max-width: 500px;">
        <div class="auth-card row g-0">
            <div class="col-12 auth-form-side text-center">
                
                <div class="auth-brand-mark mx-auto mb-3" style="background-color: var(--sp-primary); border-radius: 50%;">
                    <i class="fas fa-paper-plane fa-2x text-white d-block m-3"></i>
                </div>
                <h2 class="auth-title mb-3">Check your email</h2>
                <p class="auth-subtitle mb-4">
                    If an account exists with that email address, we've sent instructions for resetting your password.
                </p>
                
                <p class="small text-muted mb-4">
                    Emails usually arrive quickly, but it may take a few minutes. Check your spam folder if you can't find it.
                </p>

                <div class="d-grid mb-1">
                    <a href="{% url 'login' %}" class="btn btn-auth-primary">
                        Return to Login
                    </a>
                </div>

            </div>
        </div>
        
        <div class="text-center mt-3 auth-footer-text text-light">
            &copy; {% now "Y" %} SwiftPOS. Safe & Secure System.
        </div>
    </div>
</div>
{% endblock %}
