{% 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: #10b981; border-radius: 50%;">
                    <i class="fas fa-check fa-2x text-white d-block m-3"></i>
                </div>
                <h2 class="auth-title mb-3">Password Reset Complete</h2>
                <p class="auth-subtitle mb-4">
                    Your password has been successfully reset. You can now securely sign in to SwiftPOS using your new password.
                </p>
                
                <div class="d-grid mt-4">
                    <a href="{% url 'login' %}" class="btn btn-auth-primary">
                        Sign In Now <i class="fas fa-arrow-right ms-2"></i>
                    </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 %}