{% 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 %}