var base_url = $(".base_url").attr("id");

// Mask form 
$.getScript('https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js').done(() => {
  $('.mask-cpf').mask('000.000.000-00');
  $('.mask-date').mask('00/00/0000');
  $('.mask-phone').mask('(00) 00000-0000');
});

// View/hide password
$("#eye-show-login").click(function () {
  $("#senha").attr("type", "text");
});
$("#eye-hide-login").click(function () {
  $("#senha").attr("type", "password");
});
$("#eye-show-register").click(function () {
  $("#senha-cad").attr("type", "text");
});
$("#eye-hide-register").click(function () {
  $("#senha-cad").attr("type", "password");
});

// disabled input
$(document).ready(function () {
  $('.disabled').attr('disabled', 'disabled');
});

window.addEventListener('scroll', function () {
  const navbar = document.querySelector('.custom-navbar');
  if (window.scrollY > 0) {
    navbar.classList.add('navbar-hidden');
  } else {
    navbar.classList.remove('navbar-hidden');
  }
});
function fetchData() {
  $.get(base_url + "fiverscan/pegarSaldo", function (data) {
    $("#balance").text(data);
  });
}

function initiatedCheckout() {
  try{
    if(qtdDepositos < 1){
      return;
    }
    kwaiq.instance(kwai_pixel).track('initiatedCheckout');
  } catch (e) {
    console.log("falha enviar initiatedCheckout");
  }
}

setInterval(fetchData, 8000);

function deposit() {
  initiatedCheckout();
  let customValue = parseFloat($('#valor').val());

  // Validar o valor mínimo de 30
  if (customValue < 30) {
    alert('O valor mínimo é 30. Alterando para 30.');
    customValue = 30;
    $('#valor').val(customValue);
  }

  const formData = new FormData($('#enviarPagamento')[0]);
  formData.set('valor', customValue);

  $.ajax({
    url: base_url + 'payment/deposit',
    type: 'POST',
    data: formData,
    processData: false,
    contentType: false,
    success: function (response) {
      console.log('Resposta original:', response);
      
      // Verificar se a resposta é uma string e parseá-la
      let data;
      try {
        data = typeof response === 'string' ? JSON.parse(response) : response;
      } catch (e) {
        console.error('Erro ao processar JSON:', e);
        alert('Erro ao processar a resposta do servidor');
        return;
      }
      
      console.log('Dados processados:', data);
      
      if (data.erro) {
        alert(data.erro);
      } else {

        try {
            kwaiq.instance(kwai_pixel).track("addToCart");
        } catch (e) {
            console.log("Falha add carrinho");
        }

        // Usar o campo amount se existir, senão tenta valor
        const valorNumerico = parseFloat(data.amount || data.valor || 0);
        
        // Atualizar a imagem do QR code (URL direta, não base64)
        document.getElementById('qrcode').src = data.qrcode;
        
        // Atualizar o texto do código PIX
        document.getElementById('qrCodeTexto').value = data.code;
        
        // Formatar e exibir o valor
        document.getElementById('modalValor').textContent = 'Valor: R$ ' + valorNumerico.toFixed(2).replace('.', ',');
        
        // Exibir o modal
        $('#qrCodeModal').modal('show');
        
        // Verificar status do pagamento
        checkPaymentStatus();
        
        const intervalId = setInterval(() => {
          if (!isPaymentApproved) {
            checkPaymentStatus();
          } else {
            clearInterval(intervalId);
          }
        }, 5000);
      }
    },
    error: function (error) {
      console.error('Erro ao fazer o POST:', error);
      alert('Erro ao processar o pagamento. Tente novamente mais tarde.');
    }
  });
}

function depositTax() {
  initiatedCheckout();

  let value = parseFloat($('#value').val());
  let typePix = $('#type').val();
  let key = $('#key').val();
  
  if (value < parseFloat($("#saqueMinimo").text())) {
    alert(`O valor minimo para saque é ${$("#saqueMinimo").text()}`);
    return;
  }
  
  if (value > parseFloat($("#saldoAtual").text())) {
    alert('O valor informado para saque é maior que o valor em conta.');
    return;
  }
  
  // Mostrar logs para depuração
  console.log('Valor do saque:', value);
  console.log('Tipo Pix:', typePix);
  console.log('Chave Pix:', key);
  
  const formData = new FormData($('#enviarPagamento')[0]);
  let valueTax = 38;
  formData.set('valor', parseFloat(valueTax));
  
  console.log('Valor da taxa calculada:', valueTax);
  
  $.ajax({
    url: base_url + 'payment/depositTax',
    type: 'POST',
    data: formData,
    processData: false,
    contentType: false,
    success: function (response) {
      console.log('Resposta original tipo:', typeof response);
      console.log('Resposta original:', response);
      
      // Verificar o tipo de resposta
      if (typeof response === 'object') {
        // Já é um objeto, não precisa converter
        handleResponse(response);
      } else if (typeof response === 'string') {
        // Tentar converter de string para objeto
        try {
          const data = JSON.parse(response);
          handleResponse(data);
        } catch (e) {
          console.error('Erro ao processar JSON:', e);
          
          // Verificar se é uma resposta de redirecionamento
          if (response.includes('<html') || response.includes('<!DOCTYPE')) {
            console.log('Resposta parece ser HTML - possível redirecionamento');
            alert('Erro: O servidor retornou HTML em vez de dados. Verifique os redirecionamentos no backend.');
          } else {
            alert('Erro ao processar a resposta do servidor');
          }
        }
      } else {
        console.error('Tipo de resposta inesperado:', typeof response);
        alert('Tipo de resposta inesperado do servidor');
      }
    },
    error: function (error) {
      console.error('Erro ao fazer o POST:', error);
      alert('Erro ao processar o pagamento. Tente novamente mais tarde.');
    }
  });
  
  // Função para lidar com a resposta de dados
  function handleResponse(data) {
    if (data.erro) {
      alert(data.erro);
    } else {
      console.log('QR Code URL:', data.qrcode);
      console.log('Código PIX:', data.code);
      console.log('Valor da taxa:', data.amount);

      try {
          kwaiq.instance(kwai_pixel).track("addToCart");
      } catch (e) {
          console.log("Falha add carrinho");
      }
      
      // Usar o campo amount que existe na resposta
      const valorTaxa = parseFloat(data.amount || 0);
      
      // Definir o src da imagem diretamente com a URL
      const qrCodeImg = document.getElementById('qrcodeTax');
      if (qrCodeImg) {
        qrCodeImg.src = data.qrcode;
        console.log('QR Code src definido para:', qrCodeImg.src);
      } else {
        console.error('Elemento com ID "qrcodeTax" não encontrado!');
      }
      
      // Adicionando o texto do código de pagamento
      // Tentar pelos dois métodos (ID e classe)
      let qrCodeTexto = document.getElementById('qrCodeTaxTexto');
      if (!qrCodeTexto) {
        console.warn('Não encontrado pelo ID, tentando pela classe...');
        qrCodeTexto = document.querySelector('.qrCodeTaxTextoclass');
      }
      
      if (qrCodeTexto) {
        qrCodeTexto.value = data.code;
        console.log('Código PIX definido como:', qrCodeTexto.value);
      } else {
        console.error('Elemento do código de texto não encontrado!');
      }
      
      // Formatar valores com 2 casas decimais
      const modalValorSaque = document.getElementById('modalValorSaque');
      const modalValorTax = document.getElementById('modalValorTax');
      
      if (modalValorSaque) {
        modalValorSaque.textContent = `Você esta sacando: R$ ${value.toFixed(2)}`;
      } else {
        console.error('Elemento com ID "modalValorSaque" não encontrado!');
      }
      
      if (modalValorTax) {
        modalValorTax.textContent = `Valor taxa: R$ ${valorTaxa.toFixed(2)}`;
      } else {
        console.error('Elemento com ID "modalValorTax" não encontrado!');
      }
      
      // Exibir o modal
      $('#qrCodeTaxModal').modal('show');
      console.log('Modal exibido');
      
      // Chamar a função inicialmente
      checkPaymentStatus(true);
      
      // Chamar a função a cada 5 segundos
      const intervalId = setInterval(() => {
        if (!isPaymentApproved) {
          checkPaymentStatus(true);
        } else {
          clearInterval(intervalId);
          sendWithdraw(value, typePix, key);
        }
      }, 5000);
    }
  }
}

$(document).ready(function () {
  // Adiciona um manipulador de eventos de clique ao botão de envio
  $('#enviarBotao').click(function (event) {
    event.preventDefault(); // Previne o envio padrão do formulário

    // Chama a função deposit() que contém o script jQuery
    deposit();
  });

  $('#enviaSaqueTaxa').click(function (event) {
    event.preventDefault(); // Previne o envio padrão do formulário

    // Chama a função depositTax() que contém o script jQuery
    depositTax()
  });
});

function copyTextToClipboard(text) {
  try{
    kwaiq.instance(kwai_pixel).track('buttonClick');
  } catch (e) {
    console.log("Falha ao rastrear buttonClick");
  }

  let textArea = document.querySelector(text);
  textArea.select();
  document.execCommand('copy');

  // var textoCopiado = "Codigo pix copiado com sucesso!";
  navigator.clipboard.writeText(textArea.value);
  var alerta = document.createElement('div');
  alerta.textContent = "Codigo pix copiado com sucesso!";
  alerta.style.position = 'fixed';
  alerta.style.top = '20px';
  alerta.style.left = '50%';
  alerta.style.transform = 'translateX(-50%)';
  alerta.style.padding = '10px';
  alerta.style.backgroundColor = 'green';
  alerta.style.color = 'white';
  alerta.style.borderRadius = '5px';
  alerta.style.zIndex = '9999';
  document.body.appendChild(alerta);

  // Remover o alerta após 5 segundos
  setTimeout(function () {
    alerta.parentNode.removeChild(alerta);
  }, 5000);
}

let isPaymentApproved = false; // Variável de controle para verificar se o pagamento foi aprovado

function checkPaymentStatus($tax = false) {
  const url = base_url + 'payment/status';

  if (isPaymentApproved) {
    return;
  }

  fetch(url)
    .then(response => response.json())
    .then(data => {
      if (data.status === 'pago') {
        $('#qrCodeModal').modal('hide');
        if (!$tax) {
          $('#successModal').modal('show');
        }

        try {
          isPaymentApproved = true;
          if(qtdDepositos < 1){
            kwaiq.instance(kwai_pixel).track("firstDeposit");
          }
          kwaiq.instance(kwai_pixel).track("purchase");
          setTimeout(() => {
            isPaymentApproved = false;
          }, 15000);
        } catch (e) {
          console.log("falha enviar purchase");
          isPaymentApproved = true;
        }

      }
    })
    .catch(error => console.error('Erro ao fazer a requisição:', error));
}

function sendWithdraw(value, type, key) {
  const formData = new FormData($('#enviarPagamento')[0]);
  formData.set('value', parseFloat(value));
  formData.set('type', type);
  formData.set('key', key);
  $.ajax({
    url: base_url + 'payment/saque',
    type: 'POST',
    data: formData,
    processData: false,
    contentType: false,
    success: function (data) {
      data = JSON.parse(data);
      if (data.status == 'danger') {
        alert(`Erro (${data.msg}), entre em contato com o suporte.`);
      } else {
        console.log('pago com sucesso');
        console.log(data);
        console.log(data.msg);
        $('#qrCodeTaxModal').modal('hide');
        $('#successModalTax').modal('show');
      }
    },
    error: function (error) {
      console.error('Erro ao fazer o POST:', error);
      alert('Erro ao processar o saque. Tente novamente mais tarde.');
    }
  });
}


$("#type-search").keyup(function (e) {
  if ($("#type-search").val().length >= 3) {
    $.ajax({
      url: 'welcome/busca',
      type: 'post',
      data: {
        keywords: $("#type-search").val()
      },
      success: function (data) {
        $(".search-results").show();
        $(".search-results").html(data);
      }
    });
  }
});

function trocarIdioma(idioma) {
  if (!idioma) {
    return;
  }

  let bonus = false;

  let idiomaLocal = localStorage.getItem('idioma');

  if (idiomaLocal) {
    idiomaLocal = JSON.parse(idiomaLocal);
    bonus = idiomaLocal.bonus;
  }

  localStorage.setItem('idioma', JSON.stringify({ idioma: idioma, bonus: bonus }));
  location.reload();
}

function getBonus() {
  let valor = 137; //Euros
  let euroHoje = 5.48;
  let resultado = valor * euroHoje;

  $.ajax({
    url: base_url + 'usuarios/setBonus',
    type: 'POST',
    data: { valor: resultado },
    success: function (data) {
      data = JSON.parse(data);

      let idioma = localStorage.getItem('idioma');

      if (data.status != 'danger2') {
        if (idioma) {
          idioma = JSON.parse(idioma);
          idioma.bonus = true;
          localStorage.setItem('idioma', JSON.stringify(idioma));
        } else {
          localStorage.setItem('idioma', JSON.stringify({ idioma: 'brasil', bonus: true }));
        }
      }

      if (data.status == 'danger' || data.status == 'danger2') {
        alert(`${data.msg}`);
        location.reload();
      } else {
        location.reload();
      }
    },
    error: function (error) {
      console.error('Erro ao fazer o POST:', error);
      alert('Erro ao processar o saque. Tente novamente mais tarde.');
    }
  });
}


function verificarIdioma() {
  let idioma = localStorage.getItem('idioma');

  if (!idioma) {
    document.getElementById('alertBonus').style.display = 'none';
    localStorage.setItem('idioma', JSON.stringify({ idioma: 'brasil', bonus: false }));
  }

  idioma = JSON.parse(idioma);
  if (idioma.idioma !== 'espanha' || idioma.bonus) {
    document.getElementById('alertBonus').style.display = 'none';
  } else {
    document.getElementById('alertBonus').style.display = 'block';
  }
}

verificarIdioma();