(function () {
    let executed = false;
    function startCashback() {
        if (executed) return; // evita execução duplicada
        executed = true;

        const modalPayment = document.querySelector('div[data-loading="modal-payment"]');
        const msgCashbackContainer = "O cashback será resgatado como um cupom de desconto que será aplicado automaticamnete, não sendo cumulativo com outros cupons.";
        let orderValue = 0.00;
        let documentNumber = '';

        // Observa se o modal de pagamento foi desabilitado e se existem valores de documento e de pedido
        if (modalPayment) {
            const observer = new MutationObserver(() => {
                orderValue = document.querySelector('table.order-summary-table .row').innerText.replace(/[^\d]/g, "") / 100;
                let cpf = document.getElementById('customer-cpf').value;
                let cnpj = document.getElementById('customer-cnpj').value;
                documentNumber = (cnpj)? cnpj : cpf;
                if (modalPayment.classList.contains("hidden")) {
                    if(documentNumber && orderValue > 0) {
                        observer.disconnect();
                        checkProcessCashback();
                        console.log('Kiskadi: Verificando se é para iniciar o processo de cashback')
                    }
                }
            });
            observer.observe(modalPayment, {attributes: true, attributeFilter: ["class"]})
        }

        function checkProcessCashback(){
            requestCashback(documentNumber, orderValue, "checagem", function(){
                processDocument(documentNumber)
                console.log('Kiskadi: Iniciando consulta de cashback')
            })
        }

        function processDocument(documentNumber) {
            console.log('Kiskadi: Checando se mostra o box de resgate ou de consulta de cashback')
            documentNumber = documentNumber.replace(/\D/g, "");
            if(documentNumber.length >= 11){
                requestCashback(documentNumber, orderValue, "consulta", r => {
                    renderCashbackUI(r, documentNumber, orderValue, msgCashbackContainer)
                }, err => {
                    $('#k-preloader').remove();
                    $('#k-container').append('<span style="display: flex; justify-content: center; padding: 10px;">' + err.message + "</span>")
                })
            }else{
                renderSearchCashbackUI(orderValue, msgCashbackContainer)
            }
        }

        function createSpinner() {
            return '<style>@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}</style><div id="k-preloader" style="border:4px solid #f3f3f3;border-top:4px solid #333;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:20px auto;"></div>'
        }

        function requestCashback(documentNumber, amountEl, type, onSuccess, onFail) {
            onSuccess = typeof onSuccess === "function" ? onSuccess : function () {};
            onFail = typeof onFail === "function" ? onFail : function () {};
            $.post("https://n8n-integrations.kiskadi.com/webhook/tray/"+ window.location.host, {
                document: documentNumber,
                amount: orderValue,
                type: type
            }, r => {
                r.success ? onSuccess(r) : onFail(r)
            }).fail((f) => {
                onFail(f.responseJSON.message ?? "Houve um erro ao tentar resgatar o cashback.")
            })
        }

        function renderCashbackUI(response, doc, amountEl, msg) {
            console.log('Kiskadi: Mostrando box de resgate de cashback')
            var markup = '<div class="ch-payment-group active selected" style="margin-top: 10px;" id="k-container"><div class="ch-payment-group-header ch-flex" data-toggle="#k-content"><div><svg class="ch-icon"><use xlink:href="#ch-icon-others"></use></svg><strong>Aproveite seu cashback</strong></div><div class="ch-payment-group-header-plots"><span id="k-saldo"></span></div></div><div id="k-content" class="ch-payment-group-content" style="display: block"><p class="ch-vspace-md">' + msg + '</p><div class="ch-vspace-sm"><button type="button" id="redeemCashback" class="btn-next-step">Resgatar</button></div></div></div>';
            $(markup).insertBefore("#coupon hr");
            $('#k-saldo').text(response.discount.toLocaleString("pt-BR", {style: "currency", currency: "BRL"}));
            $('#redeemCashback').click(function (e) {
                e.preventDefault();
                $(this).prop("disabled", true);
                $('#k-container').append(createSpinner());
                $('#coupon .link')[0].dispatchEvent(new Event("click", {bubbles: true}))
                requestCashback(doc, amountEl, "resgate", r => {
                    let couponIdentifier = $('input[name="coupon-identifier"]');
                    couponIdentifier.val(r.coupon).removeClass('empty');
                    couponIdentifier[0].dispatchEvent(new Event('input', { bubbles: true }));
                    couponIdentifier[0].dispatchEvent(new Event('change', { bubbles: true }));
                    couponIdentifier[0].dispatchEvent(new KeyboardEvent('keyup', { bubbles: true, key: 'M' }));
                    $('#k-container').remove();
                    setTimeout(() => {
                        $('#validate-coupon-btn').click();
                    }, 500);
                }, err => {
                    $('#redeemCashback').prop("disabled", false);
                    $('#k-preloader').remove();
                    $('#k-container').append('<span style="display: flex; justify-content: center; padding: 10px;">' + err + "</span>")
                })
            })
        }

        function renderSearchCashbackUI(amountEl, msg) {
            console.log('Kiskadi: Mostrando box de consulta de cashback')
            var markup = '<div class="ch-payment-group active selected" style="margin-top: 10px;" id="k-container"><div class="ch-payment-group-header ch-flex" data-toggle="#k-content"><div><svg class="ch-icon"><use xlink:href="#ch-icon-others"></use></svg><strong>Consulte seu saldo de cashback</strong></div><div class="ch-payment-group-header-plots"><span id="k-saldo"></span></div></div><div id="k-content" class="ch-payment-group-content" style="display: block"><div class="ch-vspace-sm"><div class="ch-input-group ch-no-margin"><input type="text" id="k-document" name="cashback-identifier" class="ch-input" data-mask="00000000000000" maxlength="20"><label for="cashback-identifier" class="ch-label"><span class="ch-label-content">Insira seu CPF/CNPJ</span></label></div><button type="button" id="checkCashback" class="btn-next-step">Consultar</button></div></div><span id="k-msg" style="display: flex; justify-content: center; padding: 10px;"></span></div>';
            $(markup).insertBefore("#coupon hr");
            $('#checkCashback').click(function () {
                $('#k-msg').html("");
                $(this).prop("disabled", true);
                $('#k-container').append(createSpinner());
                var doc = $('#k-document').val().replace(/\D/g, "");
                doc.length >= 11 ? requestCashback(doc, amountEl, "consulta", r => {
                    $('#k-container').remove();
                    renderCashbackUI(r, doc, amountEl, msg)
                }, err => {
                    $('#k-preloader').remove();
                    $('#k-container').append('<span style="display: flex; justify-content: center; padding: 10px;">' + err + "</span>");
                    $('#checkCashback').prop("disabled", false);
                }) : ($('#k-preloader').remove(), $('#k-msg').html("Por favor insira um CPF válido."), $('#checkCashback').prop("disabled", false))
            })
        }
    }

    if (document.readyState === 'complete' || document.readyState === 'interactive') {
        // A página já está pronta → executa imediatamente
        startCashback();
    } else {
        // Ainda não carregou → espera eventos seguros
        document.addEventListener('DOMContentLoaded', startCashback);
        window.addEventListener('load', startCashback);
    }
})();