<h1 class="title"><?= __('Confirm payment to %s', [util('Donate.Gateway')->name($gateway)]) ?></h1>

<div class="paghiper">
    <div class="payment">
        <div class="qrcode">
            <img style="max-width:100%;" src="<?= $data['qrcode_image_url'] ?>" />

            <div class="info">
                <div><?= __('Order') ?>: <strong>#<?= $order['id'] ?></strong></div>
                <div><?= __('Total') ?>: <strong><?= util('Number')->currency($order['total']) ?></strong></div>
            </div>
        </div>

        <div class="help">
            <div><i class="fa fa-mobile"></i> <span><?= __('Open your bank or financial institution\'s app and enter the pix environment') ?></span></div>
            <div><i class="fa fa-qrcode"></i> <span><?= __('Choose the Pay with QR Code option and scan the code beside') ?></span></div>
            <div><i class="fa fa-check-circle"></i> <span><?= __('Confirm the information and finalize the payment') ?></span></div>
        </div>
    </div>

    <div class="url">
        <span id="copy-text-container">
            <?= $data['emv'] ?>
        </span>
        <a href="#" class="copy copy-text">
            <div><?= __('Pay with') ?></div>
            <strong><?= __('PIX copy and paste') ?></strong>
        </a>
    </div>

    <div class="after">
        <?= __('After payment, it may take a few seconds to confirm your payment. You will be notified as soon as this occurs') ?>
    </div>
</div>
