document.addEventListener("DOMContentLoaded", () => {
  const fab = document.getElementById("chatbot-fab");
  const chatbot = document.getElementById("chatbot");
  const closeBtn = document.getElementById("chatbot-close");
  const messages = document.getElementById("chatbot-messages");
  const form = document.getElementById("chatbot-form");

  function addMsg(text, sender="bot") {
    const div = document.createElement("div");
    div.className = "msg " + sender;
    div.textContent = text;
    messages.appendChild(div);
    messages.scrollTop = messages.scrollHeight;
  }

  // Inicial
  addMsg(window.APP_CONFIG.CHATBOT.GREETING);

  fab.addEventListener("click", () => chatbot.classList.toggle("hidden"));
  closeBtn.addEventListener("click", () => chatbot.classList.add("hidden"));

  form.addEventListener("submit", e => {
    e.preventDefault();
    const input = form.message;
    const text = input.value.trim();
    if (!text) return;
    addMsg(text, "user");
    input.value = "";

    // Respuesta básica
    if (text.toLowerCase().includes("hola")) {
      addMsg("¡Hola! ¿Cómo puedo ayudarte?");
    } else if (text.toLowerCase().includes("donar")) {
      addMsg("Puedes donar en la sección Donaciones o a nuestras cuentas.");
    } else {
      addMsg("No tengo esa respuesta aún 🤖. Escríbenos a: " + window.APP_CONFIG.CHATBOT.HANDOFF_EMAIL);
    }
  });
});
