// Interactions pour l'interface "Espace Codage - Rosalinda"
document.addEventListener("DOMContentLoaded", () => {
  const newTaskBtn = document.getElementById("btn-new-task");
  const projectsBox = document.getElementById("projects-box");
  const sendBtn = document.getElementById("send-btn");
  const chatInput = document.getElementById("chat-input");

  // Menu items: interaction simple (optionnel)
  document.querySelectorAll(".menu-item").forEach((btn) => {
    btn.addEventListener("click", () => {
      document.querySelectorAll(".menu-item").forEach((b) => b.classList.remove("active"));
      btn.classList.add("active");
    });
  });

  // Action "Nouvelle tâche"
  if (newTaskBtn) {
    newTaskBtn.addEventListener("click", async () => {
      newTaskBtn.disabled = true;
      const originalHTML = newTaskBtn.innerHTML;
      newTaskBtn.innerHTML = `
        <svg class="animate-spin -ml-1 mr-2 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
          <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
          <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
        </svg>
        Initialisation...
      `;

      // Simulation d'initialisation
      await new Promise((r) => setTimeout(r, 1200));

      if (projectsBox) {
        projectsBox.classList.remove("border-dashed", "border-slate-600");
        projectsBox.classList.add("border-emerald-500/40", "bg-emerald-500/5");
        projectsBox.innerHTML = `
          <div class="flex flex-col items-center gap-2">
            <div class="text-emerald-400 font-semibold">Projet "Mon Entreprise" créé !</div>
            <div class="text-xs text-slate-400">Protection activée et sauvegarde automatique.</div>
          </div>
        `;
      }

      newTaskBtn.innerHTML = originalHTML;
      newTaskBtn.disabled = false;
    });
  }

  // Envoi de message simple
  const sendMessage = () => {
    const value = (chatInput?.value || "").trim();
    if (!value) return;
    // Simulation: affichage d'une notification native
    console.log("Message envoyé à Rosalinda:", value);
    // Réinitialiser
    chatInput.value = "";
  };

  sendBtn?.addEventListener("click", sendMessage);
  chatInput?.addEventListener("keypress", (e) => {
    if (e.key === "Enter") {
      sendMessage();
    }
  });
});