{% extends "base.html" %}
{% load i18n static %}
{% block content %}
    <main class="main">
        <!-- Page Title -->
        <div class="page-title light-background">
            <div class="container d-lg-flex justify-content-between align-items-center">
                <h1 class="mb-2 mb-lg-0">{% trans "Payment Successful" %}</h1>
                <nav class="breadcrumbs">
                    <ol>
                        <li>
                            <a href="{% url 'home' %}">{{ _("Home") }}</a>
                        </li>
                        <li class="current">{{ _("Success") }}</li>
                    </ol>
                </nav>
            </div>
        </div>
        <!-- End Page Title -->
        <!-- Success Section -->
        <section class="section">
            <div class="container text-center" data-aos="fade-up">
                <div class="py-5">
                    <i class="bi bi-check-circle-fill text-success" style="font-size: 5rem;"></i>
                    <h2 class="mt-4">{{ _("Thank You") }}!</h2>
                    <p class="lead">{{ _("Your payment was successful") }}. {{ _("Your order is being processed") }}.</p>
                    {% if invoice %}
                    <a href="{% url 'invoice_preview_html' invoice.pk %}"
                       class="btn btn-phoenix-primary mt-3"><i class="fas fa-eye"></i>
                {{ _("View Invoice") }}</a>
            {% endif %}
            <a href="{% url 'home' %}" class="btn btn-phoenix-primary mt-3">
                <i class="fas fa-home"></i> {{ _("Back to Home") }}
            </a>
        </div>
    </div>
</section>
<!-- /Success Section -->
</main>
{% endblock content %}