<?xml version="1.0"?>
<t name="Payment Status" t-name="payment.payment_status">
        <t t-call="portal.frontend_layout">
            <t t-set="page_title" t-value="'Payment Status'"/>
            <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"/>
                    <!-- Payment status page -->
                    <div class="row justify-content-center my-3">
                        <div class="col-12 col-lg-8">
                            <div t-if="payment_not_found" class="text-center">
                                <p>Your payment is on its way!</p>
                                <p>
                                    You should receive an email confirming your payment within a few
                                    minutes.
                                </p>
                                <p>Don't hesitate to contact us if you don't receive it.</p>
                            </div>
                            <div t-else="" name="o_payment_status">
                                <t t-call="payment.state_header">
                                    <t t-set="is_processing" t-value="True"/>
                                </t>
                                <div class="text-bg-light row row-cols-1 row-cols-md-2 mx-0 mb-3                                             py-2 rounded">
                                    <t t-call="payment.summary_item">
                                        <t t-set="name" t-value="'amount'"/>
                                        <t t-set="label">Amount</t>
                                        <t t-set="value" t-value="tx.amount"/>
                                        <t t-set="options" t-value="{                                                         'widget': 'monetary',                                                         'display_currency': tx.currency_id,                                                     }"/>
                                    </t>
                                    <t t-call="payment.summary_item">
                                        <t t-set="name" t-value="'reference'"/>
                                        <t t-set="label">Reference</t>
                                        <t t-set="value" t-value="tx.reference"/>
                                        <t t-set="include_separator" t-value="True"/>
                                    </t>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </t>
    </t>

    