{% 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="#">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-primary mt-3">
              <i class="bi bi-house-door"></i> View Invoice
            </a>
          {% endif %}
          <a href="{% url 'home' %}" class="btn btn-primary mt-3">
            <i class="bi bi-house-door"></i> Back to Home
          </a>
        </div>
      </div>
    </section><!-- /Success Section -->

  </main>
{% endblock content %}