document.getElementById('uploadForm').addEventListener('submit', async (e) => {
  e.preventDefault();
  const fileEl = document.getElementById('csvfile');
  if (!fileEl.files.length) return;
  const fd = new FormData();
  fd.append('csvfile', fileEl.files[0]);
  const resEl = document.getElementById('uploadResult');
  resEl.innerText = 'Enviando...';
  try {
    const resp = await fetch('/upload', { method: 'POST', body: fd });
    const data = await resp.json();
    if (data.jobId) {
      // show progress bar
      document.getElementById('progressWrap').style.display = 'block';
      pollJob(data.jobId);
      resEl.innerText = `Consultando viabilidade...`;
    } else if (data.error) {
      resEl.innerText = 'Erro: ' + data.error;
    }
  } catch (e) {
    resEl.innerText = 'Erro no upload';
  }
});

async function pollJob(jobId) {
  const resEl = document.getElementById('uploadResult');
  const bar = document.getElementById('progressBar');
  try {
    const resp = await fetch(`/status/${jobId}`);
    const j = await resp.json();
    if (j.total && j.total > 0) {
      const pct = Math.round((j.processed / j.total) * 100);
      bar.style.width = pct + '%';
      bar.innerText = `${pct}%`;
    }
    if (j.status === 'done') {
      bar.style.width = '100%';
      bar.innerText = '100%';
      resEl.innerHTML = `Concluído. <a href="${j.download}">Baixar CSV processado</a>`;
      return;
    }
    if (j.status === 'error') {
      resEl.innerText = 'Erro no processamento: ' + j.error;
      return;
    }
    // ainda processando
    setTimeout(() => pollJob(jobId), 1000);
  } catch (e) {
    resEl.innerText = 'Erro ao consultar status do job';
  }
}

document.getElementById('btnConsultaCep').addEventListener('click', async () => {
  const cep = document.getElementById('cep').value;
  const numero = document.getElementById('numero').value;
  const el = document.getElementById('consultaResult');
  el.innerText = 'Consultando...';
  try {
    const resp = await fetch(`/consulta-cep?cep=${encodeURIComponent(cep)}&numero=${encodeURIComponent(numero)}`);
    const data = await resp.json();
    if (data.distancia) {
      el.innerText = `Endereço: ${data.endereco}\nLat: ${data.latitude} Lon: ${data.longitude}\nDistância: ${data.distancia}`;
    } else if (data.error) {
      el.innerText = 'Erro: ' + data.error;
    }
  } catch (e) {
    el.innerText = 'Erro na consulta';
  }
});

// baixar modelo
// botão que inicia download de todos os modelos individualmente
document.addEventListener("DOMContentLoaded", () => {
  const btn = document.getElementById("card__button-download");
  if (!btn) return;

  btn.addEventListener("click", async (e) => {
    e.preventDefault();
    try {
      const resp = await fetch("/download-models/list");
      if (!resp.ok) throw new Error("Não foi possível obter lista de modelos");
      const data = await resp.json();
      const files = data.files || [];

      if (!files.length) {
        alert("Nenhum arquivo de modelo disponível");
        return;
      }

      // Para cada arquivo, cria um <a> e clica nele para iniciar download individual
      files.forEach((fname) => {
        const url = "/download-model/" + encodeURIComponent(fname);
        const a = document.createElement("a");
        a.href = url;
        a.download = fname;
        // necessário anexar no DOM para funcionar em alguns navegadores
        document.body.appendChild(a);
        a.click();
        a.remove();
      });
    } catch (err) {
      console.error("Erro ao baixar modelos:", err);
      alert("Erro ao iniciar downloads: " + (err.message || err));
    }
  });
});