(function () {
    var take = function () { //DDP
        console.log('Aqur -DDP - 2')
        const BASE_URL = "https://pr.aqur.com";
        const fetchOptions = {
            method: "POST",
            headers: { "Content-Type": "application/json" }
        };
        const chatform = localStorage.getItem("chatform");


        async function track(trackingData, orderKey, orderValue, status = "") {
            try {
                console.log("Aqur -track", trackingData, orderKey, orderValue, status)
                await fetch(`${BASE_URL}/track`, { ...fetchOptions, body: trackingData });
                let chatformData = JSON.parse(chatform);
                const response2 = await fetch(`${BASE_URL}/pdi/${chatformData.uuId}`);
                const data2 = await response2.json();
                data2.data.data = {
                    ...data2.data.data,
                    [orderKey]: orderValue
                };
                data2.data.Completed = true;
                if (status) {
                    data2.status = status;
                }
                await fetch(`${BASE_URL}/pdi/set`, { ...fetchOptions, body: JSON.stringify(data2.data) });
                console.log("Aqur -Conversion Tracked!!");
            } catch (error) {
                console.error('Error:', error);
            }
        }

        if (chatform) {
            errorCheck()
            // 
            if (location.pathname == "/auth/thanks/" || location.pathname == "/auth/sp/thanks/") {
                var completeExe = () => {
                    var completeInterval = setInterval(function () {
                        console.log("Aqur -completeInterval")
                        let isThankPage = Array.from(document.querySelectorAll("b"))
                            .find(el => el.textContent.trim().includes("ご注文ありがとうございました。"));

                        const orderId = new URLSearchParams(window.location.search).get('orderId');
                        if (isThankPage || orderId) {
                            clearInterval(completeInterval);
                            let param = {
                                event: "chatform_page_transition",
                                totalProcess: 4,
                                pageIndex: 4
                            }
                            window.parent.postMessage(param, "*")
                            let isUpsell = localStorage.getItem('upsell_submit');
                            if (isUpsell == "true") {
                                console.log('Aqur -Upsell Thank Page')
                                localStorage.removeItem("upsell_submit");
                                if (orderId) {
                                    let param6 = {
                                        event: "chatform_bindUpsellConversion",
                                        order_id: orderId
                                    }
                                    window.parent.postMessage(param6, "*")
                                    track(chatform, "order_id_Upsell", orderId, "Upsell_Completed")
                                } else {
                                    let param6 = {
                                        event: "chatform_bindUpsellConversion",
                                        order_id: "ご注文いただきましてありがとうございました。"
                                    }
                                    window.parent.postMessage(param6, "*")
                                    track(chatform)
                                }
                            } else {
                                console.log("Aqur -Thank Page")
                                if (orderId) {
                                    let param2 = {
                                        event: "chatform_bindFormConversion",
                                        order_id: orderId
                                    }
                                    window.parent.postMessage(param2, "*")
                                    track(chatform, "order_id", orderId);
                                } else {
                                    let param2 = {
                                        event: "chatform_bindFormConversion",
                                        order_id: "ご注文いただきましてありがとうございました。"
                                    }
                                    window.parent.postMessage(param2, "*")
                                    track(chatform)
                                }
                            }
                        } else {
                            console.log("Aqur -order_id not found")
                        }
                    }, 100);
                }
                completeExe()
            }
        } else {
            console.log("Aqur -No Chatform")
        }

        function clearChatformStorage() { //console.log("clearChatformStorage")
            localStorage.removeItem("chatform");
        }

        function errorCheck() {
            console.log("Aqur -ERRROR CHECK !!!")
            const errorContents = document.querySelectorAll('.compo-form-message--error'); // added
            const errorContents2 = document.querySelectorAll('.compo-form-message--error p');
            const errorContents3 = document.querySelectorAll('.error-reason');

            if (errorContents.length > 0 || errorContents2.length > 0 || errorContents3.length > 0) {
                let errorText = [];

                // LP
                if (errorContents.length > 0) {
                    errorText.push(
                        ...Array.from(errorContents)
                            .map(el => el.textContent.trim())
                            .filter(msg => msg !== '')
                    );
                }

                // Credit Card Error Page
                if (errorContents2.length > 0) {
                    errorText.push(
                        ...Array.from(errorContents2)
                            .map(el => el.textContent.trim())
                            .filter(msg => msg !== '')
                    );
                }

                if (errorContents3.length > 0) {
                    errorText.push(
                        ...Array.from(errorContents3)
                            .map(el => el.textContent.trim())
                            .filter(msg => msg !== '')
                    );
                }

                if (errorText.length > 0) {
                    console.log("Aqur -errorText Check => ", errorText)
                    const param = {
                        event: "chatform_bindFormErrorFound",
                        text: errorText.join(','),
                    };

                    window.parent.postMessage(param, '*');
                }

                if (errorContents2.length > 0) {
                    document.querySelector('#ctl00_ContentPlaceHolder1_aGoBack').click();
                }

                // Clear error messages from DOM
                [...errorContents, ...errorContents3].forEach(el => {
                    el.textContent = '';
                });

                setTimeout(() => {
                    window.parent.postMessage({ event: "tryReset" }, "*");
                }, 2000);
            }
        }

        window.addEventListener("message", async (event) => { //console.log("window message") 
            //aqurBindidng
            if (event.data.event == "setLastName") {
                console.log("Aqur -Binding LastName", event.data.value)
                window.aqur.fillInput('input[name="shipping_address[family_name]"]', event.data.value)
            }

            if (event.data.event == "setFirstName") {
                console.log("Aqur -Binding FirstName", event.data.value)
                window.aqur.fillInput('input[name="shipping_address[first_name]"]', event.data.value)
            }

            if (event.data.event == "setLastNameKana") {
                console.log("Aqur -Binding LastNameKana", event.data.value)
                window.aqur.fillInput('input[name="shipping_address[family_name_kana]"]', event.data.value)
            }

            if (event.data.event == "setFirstNameKana") {
                console.log("Aqur -Binding FirstNameKana", event.data.value)
                window.aqur.fillInput('input[name="shipping_address[first_name_kana]"]', event.data.value)
            }

            if (event.data.event == "setTel") {
                var value = event.data.value.replaceAll(/-/g, '');
                window.aqur.fillInput('input[name="shipping_address[tel]"]', value)
            }

            if (event.data.event == "setPostalCode") {
                var value = event.data.value.replaceAll(/-/g, '');
                window.aqur.fillInput('input[name="shipping_address[zip]"]', value)
            }
            if (event.data.event == "setPref") {
                window.aqur.chooseSelectBoxLabel('select[name="shipping_address[pref]"]', event.data.value)
            }
            if (event.data.event == "setCity") {
                window.aqur.fillInput('input[name="shipping_address[city]"]', event.data.value)
            }
            if (event.data.event == "setStreet") {
                window.aqur.fillInput('input[name="shipping_address[address]"]', event.data.value)
            }
            if (event.data.event == "setBuilding") {
                window.aqur.fillInput('input[name="shipping_address[building]"]',event.data.value)
            }

            if (event.data.event == "setGender") {
                window.aqur.chooseRadioButton('[name="user[sex]"]', event.data.value)
            }

            if (event.data.event == "setBirthdayYear") {
                window.aqur.chooseSelectBox('select[name="user[birthday(1i)]"]', event.data.value)
            }

            if (event.data.event == "setBirthdayMonth") {
                window.aqur.chooseSelectBox('select[name="user[birthday(2i)]"]', event.data.value)
            }
            if (event.data.event == "setBirthdayDay") {
                window.aqur.chooseSelectBox('select[name="user[birthday(3i)]"]', event.data.value)
            }

            if (event.data.event == "setEmail") {
                window.useUserEmail = true;
                window.aqur.fillInput('input[name="user[email]"]', event.data.value)
                window.aqur.fillInput('input[name="user[email_confirmation]"]', event.data.value)
            }

            if (event.data.event == "setPassword") {
                window.aqur.fillInput('input[name="user[password]"]', event.data.value)
                window.aqur.fillInput('input[name="user[password_confirmation]"]', event.data.value)
            }

            if (event.data.event == "setPaymentMethod") {
                let paymentValue = event.data.value == "K10" ? "2" : event.data.value == "K32" ? "3" : ""
                if (paymentValue) {
                    window.aqur.chooseRadioButton('input[name="cart_order[payment_method_id]"]', paymentValue)
                    window.aqur.PaymentMethod = event.data.value;
                } else {
                    console.error('PaymentMethod not found.');
                }
            }
            if (event.data.event == "setCardNumber") {
                window.aqur.fillInput('input[name="create_card_service[card_number]"]', event.data.value)
            }
            if (event.data.event == "setCardExpirationYear") {
                window.aqur.chooseSelectBox('select[name="create_card_service[card_expire_yy]"]', event.data.value)
            }
            if (event.data.event == "setCardExpirationMonth") {
                window.aqur.chooseSelectBox('select[name="create_card_service[card_expire_mm]"]', event.data.value > 9 ? event.data.value : `0${event.data.value}`)
            }
            if (event.data.event == "setCardHolderName") {
                window.aqur.fillInput('input[name="create_card_service_card_name"]', event.data.value)
            }
            if(event.data.event == "setCardCvc") {
                window.aqur.fillInput('input[name="create_card_service[security_code]"]', event.data.value)
            }

            //フロント商品購入確定ボタン押下
            if (event.data.event == "chatform_bindFormSubmit") {
                console.log("Aqur -chatform_bindFormSubmit")
                const submitButton = document.querySelector('#submit_order_form')
                if (submitButton !== null) {
                    submitButton.click();
                    let param = {
                        event: "chatform_page_transition",
                        totalProcess: 4,
                        pageIndex: 1
                    }
                    window.parent.postMessage(param, "*")

                    await new Promise(resolve => setTimeout(resolve, 2000));
                } else {
                    console.error('Element with ID "submit_order_form" not found.');
                }
                errorCheck()
            }

            //アップセル変更ボタン押下
            if (event.data.event == "chatform_bindFormUpsellComplete") {
                console.log("Aqur -chatform_bindFormUpsellComplete")
                const UpsellButton = document.querySelector('#offer-area form');
                localStorage.setItem("upsell_submit", "true");
                if (UpsellButton !== null) {
                    let param = {
                        event: "chatform_page_transition",
                        totalProcess: 4,
                        pageIndex: 1
                    }
                    window.parent.postMessage(param, "*")
                    UpsellButton.submit();

                    await new Promise(resolve => setTimeout(resolve, 3000));

                    if(document.querySelector('.btn-cart-decision')) {
                        // SP
                        var submitInterval = setInterval(function () {
                            console.log("Aqur -try clicking confirm")
                            const submitButton = Array.from(document.querySelectorAll('.btn-cart-decision'))
                                .find(el => el.textContent.trim() === '注文を確定する')
                            if (submitButton) {
                                console.log("Aqur -submitButton clicked")
                                clearInterval(submitInterval);
                                submitButton.click();
                                let param = {
                                    event: "chatform_page_transition",
                                    totalProcess: 4,
                                    pageIndex: 2
                                }
                                window.parent.postMessage(param, "*")
                            }
                        }, 100);
                    } 

                    await new Promise(resolve => setTimeout(resolve, 2000));
                    errorCheck()

                    // btn-cart-decision
                } else {
                    console.error('UpsellButton not found.');
                }
            }

            //クロスセル変更ボタン押下
            if (event.data.event == "chatform_bindFormxsellComplete") {
                console.log("Aqur -chatform_bindFormxsellComplete")
                document.querySelector('#isOptin1').checked = true;
                const XsellButton = document.querySelector('#memberSaveButton_disp');
                if (XsellButton !== null) {
                    let param = {
                        event: "chatform_page_transition",
                        totalProcess: 4,
                        pageIndex: 1
                    }
                    window.parent.postMessage(param, "*")
                    XsellButton.click();
                } else {
                    console.error('Element with ID ".__send" not found.');
                }
            }
        })

        setTimeout(() => {
            if (!window.aqur) {
                window.aqur = {};
            }
            window.aqur.fillInput = (selector, value) => {
                const inputElement = document.querySelector(selector);
                if (inputElement) {
                    inputElement.value = value;
                    var event = new Event('input', {
                        bubbles: true,
                        cancelable: true
                    });
                    inputElement.dispatchEvent(event);
                    inputElement.scrollIntoView();
                }
            };

            window.aqur.chooseRadioButton = (radioSelector, value) => {
                const radioButton = document.querySelector(`${radioSelector}[value='${value}']`);
                if (radioButton) {
                    radioButton.checked = true;
                    let event = new Event('change', { bubbles: true, composed: true })
                    radioButton.dispatchEvent(event);
                }
            };

            window.aqur.chooseSelectBox = (selectBoxSelector, value, useOptionVal = true) => {
                let option = ""
                if (useOptionVal) {
                    option = document.querySelector(`${selectBoxSelector} option[value='${value}']`);
                } else {
                    option = document.querySelector(`${selectBoxSelector} option[label='${value}']`);
                }
                const selectElement = document.querySelector(`${selectBoxSelector}`);

                if (option && selectElement) {
                    option.selected = true;
                    const event = new Event('change', { bubbles: true, composed: true })
                    selectElement.dispatchEvent(event);
                }
            };

            window.aqur.chooseSelectBoxLabel = (selectBoxSelector, label) => {
                const selectElement = document.querySelector(selectBoxSelector);
                var option;
                if (selectElement) {
                    option = Array.from(selectElement.options).find(
                        opt => opt.textContent.trim() === label
                    );
                }
                if (option) {
                    option.selected = true;
                    const event = new Event('change', { bubbles: true, composed: true });
                    selectElement.dispatchEvent(event);
                }
            };
        }, 1000);
    }
    setTimeout(take, 0);
}())