<?xml version="1.0"?>
<t t-name="payment.confirm">
        <!-- Variables description:
            - 'tx' - The transaction to display
        -->
        <t t-call="portal.frontend_layout">
            <t t-set="page_title" t-value="'Payment Confirmation'"/>
            <t t-set="additional_title"><t t-esc="page_title"/></t>
            <div class="wrap">
                <div class="container">
                    <!-- Portal breadcrumb -->
                    <t t-call="payment.portal_breadcrumb"/>
                    <!-- Confirmation page -->
                    <div class="row">
                        <div class="col-lg-6">
                            <div>
                                <t t-call="payment.transaction_status"/>
                                <div class="mb-3 row">
                                    <label for="form_partner_name" class="col-md-3 col-form-label">
                                        From
                                    </label>
                                    <span name="form_partner_name" class="col-md-9 col-form-label" t-esc="tx.partner_name"/>
                                </div>
                                <hr/>
                                <div class="mb-3 row">
                                    <label for="form_reference" class="col-md-3 col-form-label">
                                        Reference
                                    </label>
                                    <span name="form_reference" class="col-md-9 col-form-label" t-esc="tx.reference"/>
                                </div>
                                <hr/>
                                <div class="mb-3 row">
                                    <label for="form_amount" class="col-md-3 col-form-label">
                                        Amount
                                    </label>
                                    <span name="form_amount" class="col-md-9 col-form-label" t-esc="tx.amount" t-options="{'widget': 'monetary', 'display_currency': tx.currency_id}"/>
                                </div>
                                <hr/>
                                <div class="row">
                                    <div class="col-md-5 text-muted">
                                        Processed by <t t-esc="tx.provider_id.sudo().name"/>
                                    </div>
                                    <div class="col-md-4 offset-md-3 mt-2 ps-0">
                                        <a role="button" t-attf-class="btn btn-primary float-end" href="/my/home">
                                            <i class="fa fa-arrow-circle-right"/> Back to My Account
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </t>
    </t>

    