const runBtn = document.getElementById("run");
const resultsDiv = document.getElementById("results");

runBtn.onclick = async () => {

  const prompt = document.getElementById("prompt").value;

  resultsDiv.innerHTML = "Running...";

  const r = await fetch("/api/run-all", {
    method: "POST",
    headers: {"Content-Type":"application/json"},
    body: JSON.stringify({ prompt })
  }); 

  const results = await r.json();
  resultsDiv.innerHTML = "";

  results.forEach(r => {
    const div = document.createElement("div");
    div.className = "card";

    div.innerHTML = `
      <b>${r.model}</b>
      <div>${r.error ? "ERROR: " + r.error : r.output}</div>
    `;

    resultsDiv.appendChild(div);
  });
};