{{-- <script src="https://www.paypal.com/sdk/js?client-id=ASIFmDHf8qNIM0GYgUTIdi0QiC057IbH-iCQKpVXsmfzt1uMOuraWDnboVlHokaCQlHw8rgX9nZRPWwi&currency=EUR&debug=true&locale={{ $locale }}&buyer-country=PT"></script> --}}
{{-- <script src="https://www.paypal.com/sdk/js?client-id={{ config("app.PAYPAL_LIVE_CLIENT_ID") }}&currency=EUR&debug=false&locale={{ $locale }}"></script> --}}

<br>
<div class="row">
    <div class="col-12 col-lg-8 form-entrega">
        <h6 class="text-center">@lang('messages.CARREGUE_NO_BOTAO_PAYPAL'):</h6>
        <div class="row">
            <div class="col-12 col-md-6 offset-md-3">
                <div id="paypal-button-container"></div>
            </div>
        </div>
    </div>
    <div class="col-12 col-lg-4">
        <div class="position-sticky">
            @include('payments.summary-finish-order')
        </div>
    </div>
</div>

<br><br>
<div id="result-paypal"></div>

<script type="text/javascript">
    'use strict';

    var ajax;
    var alertHtml;
    var parseLaravelError;
    var floatingMessage;
    var __;

    document.addEventListener("DOMContentLoaded", function () {
        // Global functions
        ajax = window._ajax;
        alertHtml = window.alertHtml;
        parseLaravelError = window.parseLaravelError;
        floatingMessage = window.floatingMessage;
        __ = window.__;

        renderPaypalButtons();
    }, false);

    function renderPaypalButtons() {
        const buttonsPaypalDiv = $('#paypal-button-container');
        const resultPaypalDiv = $('#result-paypal');

        paypal.Buttons({
            // Sets up the transaction when a payment button is clicked
            createOrder: (data, actions) => {
                return actions.order.create({
                    intent: "CAPTURE",
                    purchase_units: [{
                        reference_id: '{{ $order->nid }}',
                        custom_id: '{{ $order->nid }}',
                        invoice_id: '{{ $order->nid }}',
                        amount: {
                            value: '{{ number_format($order->total_final, 2, ".", ",") }}' // Can also reference a variable or function
                        }
                    }]
                });
            },

            // Finalize the transaction after payer approval
            onApprove: (data, actions) => {
                resultPaypalDiv.html('');

                return actions.order.capture().then(function (orderData) {
                    const transaction = orderData.purchase_units[0].payments.captures[0];

                    if (typeof transaction.status != 'undefined' && transaction.status == 'COMPLETED') {
                        let data = {
                            id: transaction.id,
                        };

                        buttonsPaypalDiv.fadeOut('fast');

                        ajax('checkout/paypal', data)
                            .done(response => {
                                buttonsPaypalDiv.fadeOut('fast');

                                if (response.success == true) {
                                    resultPaypalDiv.html(`
                                        <div class='alert alert-success'>
                                            <h3>
                                                <i class='fa fa-check-circle' aria-hidden='true'></i>
                                                ${__('messages.MUITO_OBRIGADA_CONFIANCA_PAGAMENTO')}
                                            </h3>
                                        </div>
                                    `);
                                } else {
                                    let messageString = response.mensagem||__('messages.NAO_FOI_POSSIVEL_PROCESSAR_PAGAMENTO');
                                    resultPaypalDiv.html(`
                                        <div class='alert alert-danger'>
                                            <h3>
                                                <i class='fa fa-exclamation-triangle' aria-hidden='true'></i>
                                                ${messageString}
                                            </h3>
                                        </div>
                                    `);
                                }

                                /**
                                 * Google ads and analytics
                                 */

                                /* <!---------------------------> */
                                // Analytics Ecommerce
                                /* <!---------------------------> */
                                window.__GA3Purchase({!! json_encode($orderGA3) !!});

                                if (typeof gtag != "undefined") {
                                    gtag('event', 'conversion', {
                                        'send_to': '308692000/qXIyCOflg7wZEKCImZMB'
                                    });

                                    /* <!---------------------------> */
                                    // Facebook Pixel
                                    /* <!---------------------------> */
                                    window.invokeFacebookPixel('Purchase', {
                                        value: parseFloat('{{ $order->total_final }}'),
                                        currency: 'EUR'
                                    });
                                }
                            })
                            .fail((x, r, t) => {
                                console.log(x, r, t);
                                alert( "Fatal error. Try again.");
                            });
                    } else {
                        resultPaypalDiv.html(`
                            <div class='alert alert-warning'>
                                <h3>
                                    <i class='fa fa-exclamation-triangle' aria-hidden='true'></i>
                                    ${__('messages.NAO_FOI_POSSIVEL_PROCESSAR_PAGAMENTO')}
                                </h3>
                            </div>
                        `);
                    }
                });
            }
        }).render('#paypal-button-container');
    }
</script>