@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap'); .footer { padding: 40px 0; text-align: center; background: white; border-radius: 9px; } .footer h2 { font-weight: 600; margin-bottom: 20px; } .footer .list-columns { display: flex; flex-wrap: wrap; justify-content: center; max-width: 1200px; margin: auto; } .footer .list-columns div { flex: 1 1 25%; min-width: 250px; text-align: left; padding: 10px; } .footer p, .footer a { color: #04042C; } document.addEventListener("DOMContentLoaded", function () { const provinciasFooter = document.getElementById('provinciasFooter'); const filtroInput = document.createElement('input'); filtroInput.type = 'text'; filtroInput.placeholder = 'Buscar provincia...'; filtroInput.style.marginBottom = '15px'; filtroInput.classList.add('form-control'); provinciasFooter.parentNode.insertBefore(filtroInput, provinciasFooter); let provinciasOriginales = []; window.provinciasData = {}; fetch('https://webs365.es/wp-json/guiawa/v1/servicioston?sector=vaciados') .then(res => res.json()) .then(datosSector => { if (!datosSector.length) { Swal.fire({ icon: 'error', title: 'Error', text: 'No se encontraron provincias en la API.', }); return; } datosSector.sort((a, b) => a.provincia.localeCompare(b.provincia, 'es', { sensitivity: 'base' })); provinciasOriginales = datosSector.map(item => { const provincia = item.provincia; const url = item.url ? (item.url.startsWith('http') ? item.url : 'https://' + item.url) : null; const urlTexto = url ? url.replace(/^https?:\/\//, '') : null; const whatsapp = item.whatsapp ? item.whatsapp.trim() : ''; window.provinciasData[provincia] = { url: url, urlTexto: urlTexto, whatsapp: whatsapp }; let itemHtml = ''; if (url) { itemHtml = `

› ${provincia} - ${urlTexto}

`; } else { itemHtml = `

› Vaciado en ${provincia}

`; } return { provincia, html: itemHtml }; }); renderizarColumnas(provinciasOriginales); }) .catch(error => { console.error("Error al cargar datos de vaciados:", error); Swal.fire({ icon: "error", title: "Error al cargar provincias", text: "Hubo un problema al obtener los dominios, intenta recargar la página." }); }); function normalizarTexto(texto) { return texto.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/ñ/g, 'n').replace(/Ñ/g, 'n').toLowerCase(); } function renderizarColumnas(datos) { provinciasFooter.innerHTML = ''; const numColumnas = 4; const filasPorColumna = Math.ceil(datos.length / numColumnas); for (let i = 0; i item.html).join(''); colDiv.innerHTML = fragmento; provinciasFooter.appendChild(colDiv); } } filtroInput.addEventListener('input', function () { const filtro = normalizarTexto(this.value); const resultadosFiltrados = provinciasOriginales.filter(item => normalizarTexto(item.provincia).includes(filtro) ); renderizarColumnas(resultadosFiltrados); }); });