{% extends "partials/dashboard-base.html" %}
{% load static %}
{% load humanize %}
{% block content %}
    <!-- Dashboard Section start -->
    <section class="dashboard-section body-collapse pay step step-2 step-3 receive-3">
        <div class="overlay pt-120">
            <div class="container-fruid">
                <div class="main-content">
                    <div class="head-area d-flex align-items-center justify-content-between">
                        <h4>Make a Payment</h4>
                        <div class="icon-area">
                            <!-- <img src="{% static 'assets1/images/icon/support-icon.png' %}" alt="icon"> -->
                        </div>
                    </div>
                    <div class="request-submitted pb-120 text-center">
                        <div class="top-area">
                            <div class="icon-area">
                                <img src="{% static 'assets1/images/icon/submitted-icon.png' %}" alt="icon">
                            </div>
                            <h3>Money Sent</h3>
                           <p>
                         Payment of <b>${{ transfer.amount }}</b> was sent to 
                         <b>{{ transfer.beneficiary_name }}</b> ({{ transfer.account_number }})
                         </p>


                          {% if transfer %}
    <h5>
        <a href="{% url 'account:transaction_receipt' transfer.id %}" class="btn btn-primary mt-3">
            View Details
        </a>
        | <a href="{% url 'account:dashboard' %}">Make another transfer</a>
    </h5>
{% else %}
    <p>Error: Transfer not found.</p>
{% endif %}

                        </div>
                       
                    </div>
                </div>
            </div>
        </div>
    </section>
    
{% endblock content %}