{% extends "partials/dashboard-base.html" %}
{% load static %}
{% block content %}
<section class="dashboard-section body-collapse">
    <div class="overlay pt-120">
        <div class="container-fruid">
            <div class="main-content text-center">
                <div class="icon-area">
                    <img src="{% static 'assets1/images/icon/submitted-icon.png' %}" alt="Success Icon">
                </div>

                <h2 class="mt-3 text-success">Transaction Successful!</h2>
                <p>Your transaction has been processed successfully.</p>

                <!-- Show transaction details -->
                <div class="transaction-details mt-4">
                    <h5>Transaction Details</h5>
                    <ul class="list-group">
                        <li class="list-group-item"><strong>Amount:</strong> ${{ amount }}</li>
                        <li class="list-group-item"><strong>Method:</strong> {{ method }}</li>
                        <li class="list-group-item"><strong>Date:</strong> {{ date }}</li>
                        <li class="list-group-item"><strong>Reference ID:</strong> {{ transaction_id }}</li>
                    </ul>
                </div>

                <div class="mt-4">
                    <a href="{% url 'account:dashboard' %}" class="btn btn-primary">Back to Dashboard</a>
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}