Estoque

FILTROS

Carrocerias

Marcas

Anos

Cores

Transmissão

Combustível

Exibindo 0 de 0

Ordene por:

function renderLoopAnuncio() {
    const loopAnuncio = JSON.parse(sessionStorage.getItem('loopAnuncio'));
    if (!loopAnuncio || !loopAnuncio.data) {
        console.error('Nenhum dado disponível na sessionStorage.');
        return;
    }
    const areaLoop = document.querySelector('#areaLoop');
    const templateItem = document.querySelector('.itemMoto');
    const totalEncontrado = document.querySelector('#total_encontrado');
    if (!templateItem || !areaLoop || !totalEncontrado) {
        console.error('Elementos necessários não encontrados na página.');
        return;
    }
    totalEncontrado.textContent = loopAnuncio.total_encontrado;
    areaLoop.innerHTML = '';
    loopAnuncio.data.forEach(item => {
        const clone = templateItem.cloneNode(true);
        clone.setAttribute('data-id', item.id);
        clone.setAttribute('href', item.permalink);
        const imgDestaque = clone.querySelector('.imgDestaque');
        if (imgDestaque) {
            imgDestaque.style.backgroundImage = `url(${item.imagem})`;
        }
        const marca = clone.querySelector('.marca');
        if (marca) {
            marca.textContent = item.marca;
        }
        const modelo = clone.querySelector('.modelo');
        if (modelo) {
            modelo.textContent = item.modelo;
        }
        const ano = clone.querySelector('.ano');
        if (ano) {
            ano.textContent = item.ano;
        }
        const valor = clone.querySelector('.valor');
        if (valor) {
            valor.textContent = item.valor;
        }
        areaLoop.appendChild(clone);
    });
    console.log('Itens renderizados no loopAnuncio');
}

$(document).on('click', '.btnZap', function() {
    var $parent = $(this).closest('.itemMoto');
    var titulo = $parent.find('.modelo').text();
    var href = $parent.attr('href');
    $('#ff_9_description').val('Veículo: ' + titulo + '\nURL: ' + href);
});

// Manipula o clique simples
$(document).on('click', '.itemMoto', function(event) {
    // Ignora o clique se for na .btnZap
    if ($(event.target).closest('.btnZap').length > 0) {
        return;
    }

    var that = this;
    // Define um temporizador para diferenciar clique simples de duplo clique
    var clickTimer = $(this).data('clickTimer');
    if (clickTimer) {
        clearTimeout(clickTimer);
        $(this).removeData('clickTimer');
    }

    var timer = setTimeout(function() {
        var href = $(that).attr('href');
        window.location.href = href;
    }, 300);
    $(this).data('clickTimer', timer);
});

// Manipula o duplo clique
$(document).on('dblclick', '.itemMoto', function(event) {
    // Ignora o duplo clique se for na .btnZap
    if ($(event.target).closest('.btnZap').length > 0) {
        return;
    }

    // Cancela a ação do clique simples
    var clickTimer = $(this).data('clickTimer');
    if (clickTimer) {
        clearTimeout(clickTimer);
        $(this).removeData('clickTimer');
    }

    var href = $(this).attr('href');
    window.open(href, '_blank');
});

// Manipula o clique com o botão direito
$(document).on('contextmenu', '.itemMoto', function(event) {
    // Ignora se o clique for na .btnZap
    if ($(event.target).closest('.btnZap').length > 0) {
        return;
    }

    event.preventDefault(); // Evita o menu de contexto padrão
    var href = $(this).attr('href');
    window.open(href, '_blank');
});

fetchVeiculosList();

Dúvidas Frequentes

Tire todas as suas dúvidas

1. Quais são as opções de financiamento disponíveis para a compra de um seminovo?

Oferecemos diversas opções de financiamento com parcelas flexíveis e prazos ajustáveis ao seu orçamento. Nossa equipe está pronta para ajudar você a encontrar a melhor solução.

2. Como posso avaliar o valor do meu carro usado para troca?

3. O que está incluído na garantia dos carros seminovos da Connect Car Seminovos?

4. Posso fazer um test drive antes de decidir pela compra?

Sim! Você pode agendar um test drive com o modelo desejado em uma de nossas lojas. Nossa equipe está pronta para proporcionar a melhor experiência de direção para você.

5. Vocês aceitam veículos como parte do pagamento?

6. Os carros passam por algum tipo de inspeção antes de serem vendidos?

Sim, todos os veículos seminovos passam por uma rigorosa inspeção técnica para garantir que estão em excelente estado de conservação e funcionamento.

7. Há veículos disponíveis para pronta entrega?

Sim, contamos com um amplo estoque de veículos seminovos disponíveis para pronta entrega. Entre em contato para consultar a disponibilidade do modelo que você procura.

.itemPage {
    min-width: 30px;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.itemPage.ativo {
  font-weight: 700;
}

document.addEventListener("DOMContentLoaded", function () {
  /***********************
   * Funções Utilitárias *
   ***********************/
  function getVeiculosData() {
    const data = sessionStorage.getItem("veiculosList");
    if (!data) {
      console.warn("Nenhum dado encontrado na sessionStorage para 'veiculosList'");
      return [];
    }
    try {
      return JSON.parse(data);
    } catch (e) {
      console.error("Erro ao parsear os dados da sessionStorage:", e);
      return [];
    }
  }

  function updateURLParam(param, value, useReplaceState = true) {
    const url = new URL(window.location.href);
    if (value) {
      url.searchParams.set(param, value);
    } else {
      url.searchParams.delete(param);
    }
    if (useReplaceState) {
      window.history.replaceState({}, "", url);
    } else {
      window.history.pushState({}, "", url);
    }
  }

  function getURLParam(name) {
    const params = new URLSearchParams(window.location.search);
    return params.get(name);
  }

  function getURLParams() {
    return new URLSearchParams(window.location.search);
  }

  function preserveParamsOnClear() {
    const params = new URLSearchParams(window.location.search);
    const newParams = new URLSearchParams();
    params.forEach((value, key) => {
      if (key === "orderby" || key === "paginacao") {
        newParams.set(key, value);
      }
    });
    const newUrl = window.location.pathname + (newParams.toString() ? `?${newParams.toString()}` : "");
    window.history.replaceState({}, "", newUrl);
  }

  function formatCurrency(value) {
    return new Intl.NumberFormat("pt-BR", {
      style: "currency",
      currency: "BRL",
    }).format(value);
  }

  function getCookie(name) {
    let match = document.cookie.match(new RegExp("(^| )" + name + "=([^;]+)"));
    return match ? decodeURIComponent(match[2]) : null;
  }

  /***********************************
   * Funções de Paginação e Filtros  *
   ***********************************/
  function renderPagination(total, perPage, currentPage) {
    const printPages = document.getElementById("printPages");
    if (!printPages) return;

    const totalPages = Math.ceil(total / perPage);
    printPages.innerHTML = "";

    if (totalPages <= 1) {
      updateURLParam("paginacao", "");
      return;
    }

    let start = Math.max(1, currentPage - 2);
    let end = Math.min(totalPages, currentPage + 2);

    if (currentPage <= 2) {
      start = 1;
      end = Math.min(5, totalPages);
    }
    if (currentPage >= totalPages - 1) {
      start = Math.max(1, totalPages - 4);
      end = totalPages;
    }

    if (currentPage > 1) {
      if (currentPage > 2) {
        const first = document.createElement("div");
        first.className = "itemPage";
        first.setAttribute("data-page", "1");
        first.textContent = "<<";
        printPages.appendChild(first);
      }
      const prev = document.createElement("div");
      prev.className = "itemPage";
      prev.setAttribute("data-page", currentPage - 1);
      prev.textContent = "<";
      printPages.appendChild(prev);
    }

    for (let i = start; i <= end; i++) {
      const pageItem = document.createElement("div");
      pageItem.className = "itemPage" + (i === currentPage ? " ativo" : "");
      pageItem.setAttribute("data-page", i);
      pageItem.textContent = i;
      printPages.appendChild(pageItem);
    }

    if (currentPage < totalPages) {
      const next = document.createElement("div");
      next.className = "itemPage";
      next.setAttribute("data-page", currentPage + 1);
      next.textContent = ">";
      printPages.appendChild(next);
      if (currentPage < totalPages - 1) {
        const last = document.createElement("div");
        last.className = "itemPage";
        last.setAttribute("data-page", totalPages);
        last.textContent = ">>";
        printPages.appendChild(last);
      }
    }

    document.querySelectorAll(".itemPage").forEach((el) => {
      el.addEventListener("click", () => {
        const page = parseInt(el.getAttribute("data-page"));
        updateURLParam("paginacao", page);
        renderVeiculosList(page);
      });
    });
  }

  function applyFilters(veiculos) {
    let filtered = veiculos.slice();
    const buscar = getURLParam("buscar");
    const orderby = getURLParam("orderby");
    const locID = getCookie("locID");

    if (buscar) {
      const lowerBuscar = buscar.toLowerCase();
      filtered = filtered.filter((v) =>
        v.titulo.toLowerCase().includes(lowerBuscar) ||
        JSON.stringify(v.meta).toLowerCase().includes(lowerBuscar) ||
        JSON.stringify(v.terms).toLowerCase().includes(lowerBuscar)
      );
    }

    if (locID) {
      filtered = filtered.filter((v) => v.meta.unidade_id && v.meta.unidade_id.includes(locID));
    }

    const urlParams = new URLSearchParams(window.location.search);
    urlParams.forEach((value, key) => {
      if (key.startsWith("meta-")) {
        const metaKey = key.replace("meta-", "");
        if (value.includes("-")) {
          const [min, max] = value.split("-").map(Number);
          filtered = filtered.filter((v) => v.meta[metaKey] >= min && v.meta[metaKey] <= max);
        } else {
          filtered = filtered.filter((v) => v.meta[metaKey] && v.meta[metaKey].toString().includes(value));
        }
      } else if (key.startsWith("terms-")) {
        const termKey = key.replace("terms-", "");
        const values = value.split(",").map(Number);
        filtered = filtered.filter((v) => v.terms[termKey] && values.includes(v.terms[termKey].term_id));
      }
    });

    if (orderby) {
      if (orderby === "menorpreco") {
        filtered.sort((a, b) => a.meta.valorcar - b.meta.valorcar);
      } else if (orderby === "maiorpreco") {
        filtered.sort((a, b) => b.meta.valorcar - a.meta.valorcar);
      } else if (orderby === "baixakm") {
        filtered.sort((a, b) => (a.meta.kmcar || 0) - (b.meta.kmcar || 0));
      } else if (orderby === "maisnovo") {
        filtered.sort((a, b) => b.ID - a.ID);
      } else if (orderby === "maisantigo") {
        filtered.sort((a, b) => a.ID - b.ID);
      }
    }

    return filtered;
  }

  /*****************************************
   * População dos Selects de Filtros Base *
   *****************************************/
  function populateSelect(selectId, defaultOptionText, dataObj, urlParam) {
    const selectEl = document.getElementById(selectId);
    if (!selectEl) {
      console.error(`Elemento <select id='${selectId}'> não encontrado no DOM.`);
      return;
    }
    selectEl.innerHTML = "";
    const defaultOption = document.createElement("option");
    defaultOption.value = "";
    defaultOption.textContent = defaultOptionText;
    selectEl.appendChild(defaultOption);

    Object.keys(dataObj).forEach((term_id) => {
      const option = document.createElement("option");
      option.value = term_id;
      option.textContent = dataObj[term_id]; // O contador será acrescentado posteriormente
      selectEl.appendChild(option);
    });

    selectEl.addEventListener("change", function () {
      const selectedValue = this.value;
      updateURLParam(urlParam, selectedValue, false);
      renderVeiculosList();
    });
  }

  function populateCategorias() {
    const veiculos = getVeiculosData();
    const categorias = {};
    veiculos.forEach((v) => {
      if (v.terms && v.terms.categoria) {
        if (Array.isArray(v.terms.categoria)) {
          v.terms.categoria.forEach((cat) => {
            categorias[cat.term_id] = cat.term_name;
          });
        } else {
          categorias[v.terms.categoria.term_id] = v.terms.categoria.term_name;
        }
      }
    });
    populateSelect("carrocerias", "Selecione Carroceria", categorias, "terms-categoria");
  }

  function populateMarcas() {
    const veiculos = getVeiculosData();
    const marcas = {};
    veiculos.forEach((v) => {
      if (v.terms && v.terms.marca) {
        marcas[v.terms.marca.term_id] = v.terms.marca.term_name;
      }
    });
    populateSelect("marcas", "Selecione a Marca", marcas, "terms-marca");
  }

  function populateOtherSelects() {
    const veiculos = getVeiculosData();
    const cores = {};
    const transmissao = {};
    const combustivel = {};
    const anos = {};

    veiculos.forEach((v) => {
      if (v.terms) {
        if (v.terms.cor) {
          cores[v.terms.cor.term_id] = v.terms.cor.term_name;
        }
        if (v.terms.transmissao) {
          transmissao[v.terms.transmissao.term_id] = v.terms.transmissao.term_name;
        }
        if (v.terms.combustivel) {
          combustivel[v.terms.combustivel.term_id] = v.terms.combustivel.term_name;
        }
        if (v.terms.ano) {
          anos[v.terms.ano.term_id] = v.terms.ano.term_name;
        }
      }
    });

    populateSelect("cores", "Selecione a Cor", cores, "terms-cor");
    populateSelect("transmissao", "Selecione a Transmissão", transmissao, "terms-transmissao");
    populateSelect("combustivel", "Selecione o Combustível", combustivel, "terms-combustivel");
    populateSelect("anos", "Selecione o Ano", anos, "terms-ano");
  }

  function initOrderingSelects() {
    const orderingSelects = document.querySelectorAll(".filtro.select.orderby");
    const orderbyValue = getURLParam("orderby");
    orderingSelects.forEach((select) => {
      if (orderbyValue) {
        select.value = orderbyValue;
      }
      select.addEventListener("change", function () {
        const newValue = this.value;
        updateURLParam("orderby", newValue, false);
        orderingSelects.forEach((s) => (s.value = newValue));
        renderVeiculosList();
      });
    });
  }

  function updateFiltersVisibility() {
    const params = getURLParams();
    const removeEls = document.querySelectorAll(".removeFilters");
    if (params.toString().length > 0) {
      removeEls.forEach((el) => el.classList.remove("hidden"));
    } else {
      removeEls.forEach((el) => el.classList.add("hidden"));
    }
  }

  function clearFilters() {
    preserveParamsOnClear();
    document.querySelectorAll(".removeFilters").forEach((el) => el.classList.add("hidden"));
    renderVeiculosList();
  }

  /************************************************************
   * Atualiza os selects (exceto ordenação) com os totais e  *
   * reordena as opções: opções com total > 0 para o topo e   *
   * as com total 0 ao final.                                 *
   ************************************************************/
  function updateSelectOptionsValidity(filteredVehicles) {
    const filtersMapping = [
      { selectId: "carrocerias", termKey: "categoria" },
      { selectId: "marcas", termKey: "marca" },
      { selectId: "cores", termKey: "cor" },
      { selectId: "transmissao", termKey: "transmissao" },
      { selectId: "combustivel", termKey: "combustivel" },
      { selectId: "anos", termKey: "ano" },
    ];

    filtersMapping.forEach((filter) => {
      const selectEl = document.getElementById(filter.selectId);
      if (!selectEl) return;

      // Obtenha a opção padrão (valor vazio)
      const defaultOption = Array.from(selectEl.options).find((opt) => opt.value === "");
      // Obtenha as demais opções
      let otherOptions = Array.from(selectEl.options).filter((opt) => opt.value !== "");

      otherOptions.forEach((opt) => {
        // Guarde o texto original se ainda não estiver salvo
        if (!opt.dataset.originalText) {
          opt.dataset.originalText = opt.textContent;
        }
        // Conta quantos veículos do filtro possuem este term_id
        const count = filteredVehicles.filter((v) => {
          if (v.terms && v.terms[filter.termKey]) {
            if (Array.isArray(v.terms[filter.termKey])) {
              return v.terms[filter.termKey].some((t) => t.term_id.toString() === opt.value);
            } else {
              return v.terms[filter.termKey].term_id.toString() === opt.value;
            }
          }
          return false;
        }).length;
        opt.dataset.count = count;
        // Atualiza o texto da opção com o contador
        opt.textContent = `${opt.dataset.originalText} (${count})`;
      });

      // Reordena as opções: as com count > 0 ficam primeiro
      otherOptions.sort((a, b) => {
        const countA = parseInt(a.dataset.count);
        const countB = parseInt(b.dataset.count);
        if (countA > 0 && countB === 0) return -1;
        if (countA === 0 && countB > 0) return 1;
        return 0;
      });

      // Limpa e reanexa: mantém a opção padrão no início
      selectEl.innerHTML = "";
      if (defaultOption) {
        selectEl.appendChild(defaultOption);
      }
      otherOptions.forEach((opt) => selectEl.appendChild(opt));
    });
  }

  /******************************
   * Renderização da Lista de Veículos *
   ******************************/
  function renderVeiculosList(page = null) {
    const veiculosList = getVeiculosData();
    if (!veiculosList.length) return;

    const filteredVehicles = applyFilters(veiculosList);
    const areaLoop = document.getElementById("areaLoop");
    const notFoundBlock = document.getElementById("block-not-found");
    if (!areaLoop) return;

    const postPerPage = parseInt(areaLoop.getAttribute("post-per-page")) || 10;
    const totalEncontrado = filteredVehicles.length;
    let urlPage = parseInt(getURLParam("paginacao")) || 1;
    let currentPage = page ? page : urlPage;
    const totalPages = Math.ceil(totalEncontrado / postPerPage);

    if (currentPage > totalPages) {
      updateURLParam("paginacao", "");
      currentPage = 1;
    }

    const start = (currentPage - 1) * postPerPage;
    const paginatedItems = filteredVehicles.slice(start, start + postPerPage);

    const totalEncontradoDiv = document.querySelector(".totalEncontrado");
    const totalImpressoDiv = document.querySelector(".totalImpresso");
    if (totalEncontradoDiv) totalEncontradoDiv.textContent = totalEncontrado;
    if (totalImpressoDiv) totalImpressoDiv.textContent = paginatedItems.length;

    if (totalEncontrado === 0) {
      areaLoop.classList.add("hidden");
      if (notFoundBlock) notFoundBlock.classList.remove("hidden");
      updateURLParam("paginacao", "");
      return;
    } else {
      areaLoop.classList.remove("hidden");
      if (notFoundBlock) notFoundBlock.classList.add("hidden");
    }

    areaLoop.innerHTML = "";
    const template = document.querySelector(".designOculto .veiculoList");
    if (!template) return;

    paginatedItems.forEach((veiculo) => {
      const clone = template.cloneNode(true);
      clone.setAttribute("href", veiculo.permalink);
      const imgBg = clone.querySelector(".img-bg");
      if (imgBg) imgBg.style.backgroundImage = `url('${veiculo.imagem_large}')`;

      clone.querySelectorAll("span, div").forEach((element) => {
        element.classList.forEach((className) => {
          if (className.startsWith("meta-")) {
            const key = className.replace("meta-", "");
            if (veiculo.meta.hasOwnProperty(key)) {
              let valorMeta = veiculo.meta[key];

              // MELHORIA: Limpa meta-anomodcar, deixando só o ano (número)
              if (className === "meta-anomodcar") {
                const matchAno = String(valorMeta).match(/\\d{4}/);
                valorMeta = matchAno ? matchAno[0] : "";
              }

              element.textContent = key === "valorcar" ? formatCurrency(valorMeta) : valorMeta;
            }
          } else if (className.startsWith("terms-")) {
            const key = className.replace("terms-", "");
            if (veiculo.terms.hasOwnProperty(key)) {
              element.textContent = veiculo.terms[key]?.term_name || "";
            }
          }
        });
      });

      areaLoop.appendChild(clone);
    });

    renderPagination(totalEncontrado, postPerPage, currentPage);
    updateFiltersVisibility();
    updateSelectOptionsValidity(filteredVehicles);
  }

  /*********************************
   * Busca dos Veículos via Fetch  *
   *********************************/
  function fetchVeiculosList() {
    fetch(window.location.href, {
      method: "POST",
      headers: { "Content-Type": "application/x-www-form-urlencoded" },
      body: new URLSearchParams({ acao: "get_veiculos_list" }),
    })
      .then((response) => {
        if (!response.ok) {
          throw new Error("Erro na requisição");
        }
        return response.json();
      })
      .then((data) => {
        try {
          sessionStorage.setItem("veiculosList", JSON.stringify(data));
        } catch (e) {
          console.error("Erro ao armazenar dados na sessionStorage:", e);
        }
        triggerFunctionsJs();
      })
      .catch((error) => {
        console.error("Erro ao buscar veículos:", error);
      });
  }

  /*******************************
   * Inicialização Geral         *
   *******************************/
  function triggerFunctionsJs() {
    populateCategorias();
    populateMarcas();
    populateOtherSelects();
    renderVeiculosList();
  }

  const inputBuscar = document.getElementById("filtro-buscar");
  if (inputBuscar) {
    const initialBuscar = getURLParam("buscar");
    if (initialBuscar) {
      inputBuscar.value = initialBuscar;
    }
    inputBuscar.addEventListener("keyup", function () {
      const valor = this.value.trim();
      updateURLParam("buscar", valor);
      renderVeiculosList();
    });
  }

  initOrderingSelects();

  document.querySelectorAll(".removeFilters").forEach((el) => {
    el.addEventListener("click", clearFilters);
  });

  fetchVeiculosList();
});

FILTROS

Destaque

Carrocerias

Marcas

Anos

Faixa de Preços

Cores

Transmissão

Combustível

GM - Chevrolet ONIX HATCH 1.0 12V Flex 5p Mec.

Fiat Uno Mille ELX 2p e 4p

GM - Chevrolet CRUZE LT 1.8 16V FlexPower 4p Aut.

Hyundai HB20 Sense 1.0 Flex 12V Mec.

VW - VolksWagen Polo 1.0 TSI Flex 12V 5p

Hyundai HB20 For You 1.0 Flex 12V 5p

VW - VolksWagen Polo 1.0 Flex 12V 5p

GM - Chevrolet ONIX HATCH 1.0 12V Flex 5p Mec.

VW - VolksWagen CROSSFOX 1.6 T. Flex 16V 5p

Ford Ka 1.0i 3p

VW - VolksWagen Fox 1.0 Mi Total Flex 8V 3p

VW - VolksWagen up! 1.0 Total Flex 12V 5p

Fiat MOBI DRIVE 1.0 Flex 6V 5p

GM - Chevrolet ONIX HATCH 1.0 12V Flex 5p Mec.

GM - Chevrolet ONIX HATCH 1.0 12V Flex 5p Mec.

Fiat UNO WAY 1.0 Flex 6V 5p

Fiat Punto ESSENCE 1.6 Flex 16V 5p

Ford Focus 1.8 16V 5p

Nissan MARCH 1.0 12V Flex 5p

GM - Chevrolet CRUZE LT 1.8 16V FlexPower 4p Aut.

VW - VolksWagen Fox 1.6 Mi Total Flex 8V 5p

VW - VolksWagen Polo 1.6 MSI Flex 16V 5p

Honda Fit CX 1.4 Flex 16V 5p Aut.

Renault SANDERO vibe Flex 1.0 12V 5p

Hyundai HB20 Sense 1.0 Flex 12V Mec.

VW - VolksWagen up! 1.0 Total Flex 12V 5p

Fiat ARGO 1.0 6V Flex

Fiat Palio City 1.0 4p

VW - VolksWagen Gol 1.0 Flex 12V 5p

VW - VolksWagen Gol 1.0 Flex 12V 5p

VW - VolksWagen Fox Connect 1.6 Flex 8V 5p

Renault SANDERO vibe Flex 1.0 12V 5p

Renault SANDERO vibe Flex 1.0 12V 5p

Renault SANDERO vibe Hi-Flex 1.6 8V 5p

Hyundai HB20 Vision 1.6 Flex 16V Aut

GM - Chevrolet ONIX HATCH ACTIV 1.4 8V Flex 5p Mec.

Ford Ka 1.0 S TiVCT Flex 5p

Ford Ka 1.0i 3p

Fiat MOBI LIKE 1.0 Fire Flex 5p.

Enviar Mensagem

Dúvidas Frequentes

1. Quais são as opções de financiamento disponíveis para a compra de um seminovo?

2. Como posso avaliar o valor do meu carro usado para troca?

3. O que está incluído na garantia dos carros seminovos da Connect Car Seminovos?

4. Posso fazer um test drive antes de decidir pela compra?

5. Vocês aceitam veículos como parte do pagamento?

6. Os carros passam por algum tipo de inspeção antes de serem vendidos?

7. Há veículos disponíveis para pronta entrega?