// MSIN-3855 dons Create the Card Fields Component and define callbacks
    //<script>

const cardField = paypal.CardFields({
    inputEvents: {
        onChange: function(data) {
            console.log("on change");
            console.log(data.cards[0].type);

            // the variable is defined
            if (data.cards[0].type=="visa" || data.cards[0].type=="mastercard" || data.cards[0].type=="unknown") {
                console.log("on change ok");
                cardcheck=true;

            }else{


                console.log("on change bad");
                cardcheck=false;


                let translatedErrorMessage = translateErrorMessage('OnlyVisaandMastercard');


                resultMessage(`${translatedErrorMessage}`);
            }
        }

        ,
        onFocus: function(data){
            // Do something when a field gets focus
        },
        onBlur: function(data){
            // Do something when a field loses focus
        }

    },
        createOrder: function (data) {
    setProcessing(true);
    const form = document.getElementById('frm_dons');
    const formData = new FormData(form);
// Ajouter des variables supplémentaires
    const request_type = 'ExtraValue1';
    const payment_source = 'ExtraValue2';

    formData.append('request_type', 'create_order');
    formData.append('payment_source', data.paymentSource);
            console.log("create_order don");

    var postData = {request_type: 'create_order', payment_source: data.paymentSource   };
            return fetch("/paypal_advanced/paypal_checkout_init.php", {
                method: "POST",
                headers: {'Accept': 'application/json'},
                body:  formData
            })
                .then((res) => {

        console.log("STEPHAN1");

        return res.json();
    })
                .then((result) => {
        console.log("STEPHAN");

        resultMessage("<?php afficheTexte('preloader_wait',1,0,1);?> ");
        setProcessing(false);
        if(result.status == 1){
            return result.data.id;
        }else{
            console.log("create_order");

            let errorMessage = result.msg;
                        let translatedErrorMessage = translateErrorMessage(errorMessage);
                        resultMessage(`${translatedErrorMessage}`);

            return false;
        }
    });
        },
        onApprove: function (data) {
    setProcessing(true);

    console.log("onApprove");
    const { orderID } = data;
            var postData = {request_type: 'capture_order', order_id: orderID};
            return fetch('/paypal_advanced/paypal_checkout_init.php', {
                method: "POST",
                headers: {'Accept': 'application/json'},
                body: encodeFormData(postData)
            })
                .then((res) => {

        return res.json();
    })
                .then((result) => {
        // Redirect to success page
        if(result.status == 1){

            window.location.href = "/paiement_update.php?checkout_ref_id="+result.ref_id;
        }else{
            console.log("capture_order");


            let errorMessage = result.msg;
                        let translatedErrorMessage = translateErrorMessage(errorMessage);
                        resultMessage(`${translatedErrorMessage}`);


                        resultMessage(result.msg);
                    }
        setProcessing(false);
    });
        },
        onError: function (error) {
    // Do something with the error from the SDK
},
    });

    // Render the PayPal Button for PayPal account payments MSIN-3856
    paypal.Buttons({ style: {
    shape: 'rect',
    color: 'gold',
    layout: 'vertical',
    label: 'paypal',
    height: 40, // Hauteur du bouton
    size: 'responsive' // Option pour rendre le bouton responsive
    }, createOrder: function (data) {
            const form = document.getElementById('frm_dons');
            const formData = new FormData(form);
// Ajouter des variables supplémentaires
            const request_type = 'ExtraValue1';
            const payment_source = 'ExtraValue2';

            formData.append('request_type', 'create_order');
            formData.append('payment_source', data.paymentSource);


    var postData = {request_type: 'create_order', payment_source: 'paypal' };
            return fetch("/paypal_advanced/paypal_checkout_init.php", {
                method: "POST",
                headers: {'Accept': 'application/json'},
                body: formData
            })
                .then((res) => {
console.log(res);

        return res.json();
    })
                .then((result) => {
        resultMessage("<?php afficheTexte('preloader_wait',1,0,1);?> ");
        setProcessing(false);
        if(result.status == 1){

            return result.data.id;

        }else{
            console.log("create_order");

            let errorMessage = result.msg;
                        let translatedErrorMessage = translateErrorMessage(errorMessage);
                        resultMessage(`${translatedErrorMessage}`);

                        return false;
                    }
    });
        }
         ,
        onApprove: function(data,actions)   {

    const orderID = data.orderID;
    console.log("onApprove paypal");
    return actions.order.capture().then(function(details) {
            // Retrieve the transaction ID
            const transactionID = details.purchase_units[0].payments.captures[0].id;


            // finalise la transaction

            var postData = {payeremail : details.payer.email_address,payername : details.payer.name.surname+details.payer.name.given_name, request_type: 'fin_paypal', payment_source: 'paypal',order_id:  orderID ,transaction_id:  transactionID ,order_status :  details.status  };
                return fetch("/paypal_advanced/paypal_checkout_init.php", {
                    method: "POST",
                    headers: {'Accept': 'application/json'},
                    body: encodeFormData(postData)
                })
                    .then((res) => {


                return res.json();
            })
                    .then((result) => {
                resultMessage("<?php afficheTexte('preloader_wait',1,0,1);?> ");
                setProcessing(false);
                if(result.status == 1){
                    console.log("result.ref_id");
                    console.log(result.ref_id);
                    window.location.href = "/paiement_update.php?checkout_ref_id="+result.ref_id;
                    // return result.data.id;

                }else{
                    console.log("create_order");

                    let errorMessage = result.msg;
                            let translatedErrorMessage = translateErrorMessage(errorMessage);
                            resultMessage(`${translatedErrorMessage}`);

                            return false;
                        }
            });




            });


},
        onError: function(err) {
    console.error('An error occurred during the transaction', err);
}
    }).render('#paypal-button-container');

    // Render each field after checking for eligibility
    if (cardField.isEligible()) {

         const nameField = cardField.NameField({
             placeholder: "<?php echo afficheTexte('checkout_nomsurlacarte', 0)?>" // Translate placeholder
        });
         nameField.render("#card-name-field-container");



        const numberField = cardField.NumberField({
            placeholder: "<?php echo afficheTexte('checkout_ccnumber', 0)?>" // Translate placeholder
        });
        numberField.render("#card-number-field-container");


        const cvvField = cardField.CVVField({
            placeholder: "<?php echo afficheTexte('checkout_cvv', 0)?>" // Translate placeholder
        });
        cvvField.render("#card-cvv-field-container");

        const expiryField = cardField.ExpiryField({
            placeholder: "<?php echo afficheTexte('checkout_cexpiryField', 0)?>" // Translate placeholder
        });


        expiryField.render("#card-expiry-field-container");

        // Add click listener to submit button and call the submit function on the card-number-field-container component
        // dons
        document
        .getElementById("card-field-submit-button")
        .addEventListener("click", () => {
            let isValid = true;
                if ($form.valid()) {
                    // Form is valid, proceed with the submission or other logic
                    isValid = true;
                    // You can also programmatically submit the form if needed
                    // $form.submit();
                } else {
                    // Form is not valid, show errors or handle accordingly
                    isValid = false;
                }

            //verifie si cheques

            console.log("type paiement");
            var element = document.getElementById('chk_pai_6');
            if (element){
                if (document.getElementById('chk_pai_6').checked) {
                    grecaptcha.ready(function () {
                        grecaptcha.execute('<?php echo RECAPTCHA_SITE_KEY; ?>', {action: 'achat'}).then(function (token) {
                            document.getElementById('g-recaptcha-response').value = token;
                            console.log("checkboxValue == 6 payadv");
                            $("#frm_dons").submit();
                            $('body').css('cursor', 'wait');
                        });
                    });
                }
            }
                if (!isValid) {

                    return; // Stop further execution if validation fails
                }else{


                    cardField.submit().then(() => {

                    })
                        .catch((error) => {
                            console.log("erreur avant start");
                            let str = error.message;
                            console.log(str.length );

                            if(str.length >200){
                                let result = str.substring(str.indexOf('.') + 1);
                                let resultObject = JSON.parse(result);
                                let description = resultObject.details[0].description;
                                console.log(description);
                                let errorMessage = description;
                                let translatedErrorMessage = translateErrorMessage(errorMessage);
                                resultMessage(`${translatedErrorMessage}`);
                            }else{

                                let translatedErrorMessage = translateErrorMessage(str);
                                resultMessage(`${translatedErrorMessage}`);
                            }

                        });
                }

            });
    } else {
        // Hides card fields if the merchant isn't eligible
        document.querySelector("#checkout-form").style = "display: none";
    }

    const encodeFormData = (data) => {
    var form_data = new FormData();

    for ( var key in data ) {
        form_data.append(key, data[key]);
    }
        return form_data;
    }

    // Show a loader on payment form processing
    const setProcessing = (isProcessing) => {
    if (isProcessing) {
        document.querySelector(".overlay").classList.remove("hidden");
    } else {
        document.querySelector(".overlay").classList.add("hidden");
    }

}

    // Display status message
    const resultMessage = (msg_txt) => {
    const messageContainer = document.querySelector("#paymentResponse");

    messageContainer.classList.remove("hidden");
    messageContainer.textContent = msg_txt;

    setTimeout(function () {
        messageContainer.classList.add("hidden");
        messageContainer.textContent = "";
    }, 5000);
}
// fin paypal adv