paypal_pay/pages/success.php

<?php
/*
    * Success page -  Shortcut and Mark Flow.
    * Buyer can change shipping information for Shortcut flow before execute.
    * Buyer can view order details after execute.
*/
session_start();
$rootPath = "../";
include_once('../api/Config/Config.php');
include('../templates/header.php');

$lan = isset($_SESSION['language']) ? $_SESSION['language'] : 'zh';
$text = LAN[$lan];
?>
<!-- HTML Content -->
<div class="row-fluid">
    <!-- Middle Section -->
    <div class="col-sm-offset-3 col-md-4">
        <div id="loadingAlert" class="card" style="display: none;">
            <div class="card-body">
                <div class="alert alert-warning block" role="alert">
                    <?= $text['loading'] ?>....<span id="times">0s</span>
                </div>
            </div>
        </div>
        <form id="orderConfirm" class="form-horizontal" style="display: none;">
            <div class="alert alert-danger block" id="orderText" role="alert">...</div>
            <hr>
            <div class="form-group">
                <div class="col-sm-offset-5 col-sm-7 text-center">
                    <a href="yq-daodao://" class="btn btn-success" id="confirmButton"><?= $text['btn'] ?></a>
                </div>
            </div>
        </form>
    </div>
</div>

<!-- Javascript Import -->
<script src="<?= $rootPath ?>js/config.js"></script>

<!-- PayPal In-Context Checkout script -->
<script type="text/javascript">
    showDom('loadingAlert');
    var startTime = 0;
    setInterval(() => {
        startTime++;
        document.getElementById('times').innerText = startTime + "s";
    }, 1000);

    document.onreadystatechange = function() {
        if (document.readyState === 'complete') {
            $.ajax({
                type: 'POST',
                url: '<?= $rootPath . URL['services']['orderGet'] ?>',
                success: function(response) {
                    hideDom('loadingAlert');
                    showDom('orderConfirm');

                    var e = document.getElementById('orderText');
                    e.innerText = response.text + '...';
                    if (response.type == 'error') {
                        e.classList.remove('alert-success');
                        e.classList.add('alert-danger');
                    } else {
                        e.classList.remove('alert-danger');
                        e.classList.add('alert-success');
                    }

                    // if (response.ack) {
                    //     if (getUrlParams('commit') === 'true') {
                    //         // showPaymentExecute(response.data);
                    //     } else {
                    //         // showPaymentGet(response.data);
                    //     }
                    // } else {
                    //     alert('Something went wrong');
                    // }
                }
            });
        }
    }

    function showPaymentGet(res) {
        let shipping = res.purchase_units[0].shipping;
        let shipping_address = shipping.address;
        console.log('Get Order result' + JSON.stringify(res));
        console.log('shipping add' + JSON.stringify(shipping));
        document.getElementById('confirmRecipient').innerText = shipping.name.full_name;
        document.getElementById('confirmAddressLine1').innerText = shipping_address.address_line_1;
        if (shipping_address.address_line_2)
            document.getElementById('confirmAddressLine2').innerText = shipping_address.address_line_1;
        else
            document.getElementById('confirmAddressLine2').innerText = "";
        document.getElementById('confirmCity').innerText = shipping_address.admin_area_2;
        document.getElementById('confirmState').innerText = shipping_address.admin_area_1;
        document.getElementById('confirmZip').innerText = shipping_address.postal_code;
        document.getElementById('confirmCountry').innerText = shipping_address.country_code;

        showDom('orderConfirm');

        // Listen for click on confirm button
        document.querySelector('#confirmButton').addEventListener('click', function() {
            let shippingMethodSelect = document.getElementById("shippingMethod"),
                updatedShipping = shippingMethodSelect.options[shippingMethodSelect.selectedIndex].value,
                currentShipping = res.purchase_units[0].amount.breakdown.shipping.value;

            let postPatchOrderData = {
                "order_id": res.id,
                "item_amt": res.purchase_units[0].amount.breakdown.item_total.value,
                "tax_amt": res.purchase_units[0].amount.breakdown.tax_total.value,
                "handling_fee": res.purchase_units[0].amount.breakdown.handling.value,
                "insurance_fee": res.purchase_units[0].amount.breakdown.insurance.value,
                "shipping_discount": res.purchase_units[0].amount.breakdown.shipping_discount.value,
                "total_amt": res.purchase_units[0].amount.value,
                "currency": res.purchase_units[0].amount.currency_code,
                "updated_shipping": updatedShipping,
                "current_shipping": currentShipping
            };

            console.log('patch data: ' + JSON.stringify(postPatchOrderData));
            // Execute the payment
            hideDom('confirmButton');
            showDom('loadingAlert');

            console.log('Current shipping ' + currentShipping + ' and updated shipping is ' + updatedShipping);
            console.log('order id: <?= $_SESSION['order_id'] ?>');
            if (currentShipping == updatedShipping) {
                return callPaymentCapture();
            } else {
                $.ajax({
                    type: 'POST',
                    url: '<?= $rootPath . URL['services']['orderPatch'] ?>',
                    data: postPatchOrderData,
                    success: function(response) {
                        console.log('Patch Order Response : ' + JSON.stringify(response));
                        if (response.ack)
                            return callPaymentCapture();
                        else
                            alert("Something went wrong");
                    }
                });
            }
        });
    }

    function callPaymentCapture() {
        $.ajax({
            type: 'POST',
            url: '<?= $rootPath . URL['services']['orderCapture'] ?>',
            success: function(response) {
                hideDom('orderConfirm');
                hideDom('loadingAlert');
                console.log('Capture Response : ' + JSON.stringify(response));
                if (response.ack)
                    showPaymentExecute(response.data);
                else
                    alert("Something went wrong");
            }
        });
    }

    function showPaymentExecute(result) {

        let payerInfo = result.payer,
            shipping = result.purchase_units[0].shipping;

        document.getElementById('viewFirstName').textContent = payerInfo.name.given_name;
        document.getElementById('viewLastName').textContent = payerInfo.name.surname;
        document.getElementById('viewRecipientName').textContent = shipping.name.full_name;
        document.getElementById('viewAddressLine1').textContent = shipping.address.address_line_1;
        if (shipping.address.address_line_2)
            document.getElementById('viewAddressLine2').textContent = shipping.address.address_line_2;
        else
            document.getElementById('viewAddressLine2').textContent = "";
        document.getElementById('viewCity').textContent = shipping.address.admin_area_2;
        document.getElementById('viewState').textContent = shipping.address.admin_area_1;
        document.getElementById('viewPostalCode').innerHTML = shipping.address.postal_code;
        document.getElementById('viewTransactionID').textContent = result.id;
        if (result.purchase_units[0].payments && result.purchase_units[0].payments.captures) {
            document.getElementById('viewFinalAmount').textContent = result.purchase_units[0].payments.captures[0].amount.value;
            document.getElementById('viewCurrency').textContent = result.purchase_units[0].payments.captures[0].amount.currency_code;
        } else {
            document.getElementById('viewFinalAmount').textContent = result.purchase_units[0].amount.value;
            document.getElementById('viewCurrency').textContent = result.purchase_units[0].amount.currency_code;
        }
        document.getElementById('viewPaymentState').textContent = result.status;
        if (result.intent) {
            document.getElementById('viewTransactionType').textContent = result.intent;
            document.getElementById('transactionType').style.display = 'block';
        } else {
            document.getElementById('transactionType').style.display = 'none';
        }
        hideDom('orderConfirm');
        hideDom('loadingAlert');
        showDom('orderView');
    }
</script>

<?php
include('../templates/footer.php');
?>