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();