script.js

document.addEventListener("DOMContentLoaded", function () {

  // import projects from txt or csv
  let projects = JSON.parse(localStorage.getItem("projects")) || [];

  // save project
  function saveProjects() {
    localStorage.setItem("projects", JSON.stringify(projects));
  }

  // add project
  function addProject() {
    const input = document.getElementById("projectInput");
    const name = input.value.trim();

    if (name === "") return;

    if (!projects.some(p => p.toLowerCase() === name.toLowerCase())) {
      projects.push(name);
      saveProjects();
      renderProjects();
    }

    input.value = "";
    input.focus();
  }

  // delete project
  window.deleteProject = function(index) {
    projects.splice(index, 1);
    saveProjects();
    renderProjects();
  };

  // delete entire list
  window.clearAll = function() {
    const confirmDelete = confirm("Do you really want to clear the list?");
    if (!confirmDelete) return;

    projects = [];
    localStorage.removeItem("projects");
    renderProjects();
    document.getElementById("result").innerHTML = "";
  };

  // show list
  function renderProjects() {
    const list = document.getElementById("projectList");
    list.innerHTML = "";

    projects.forEach((project, index) => {
      const li = document.createElement("li");
      li.innerHTML = `
        ${project}
        <button onclick="deleteProject(${index})">❌</button>
      `;
      list.appendChild(li);
    });
  }

  // randomiser
  window.roll = function() {
    if (projects.length === 0) {
      alert("No projects added yet!");
      return;
    }

    const resultDiv = document.getElementById("result");
    const button = document.getElementById("randomBtn");

    button.classList.add("rolling");

    const interval = setInterval(() => {
      const randomIndex = Math.floor(Math.random() * projects.length);
      resultDiv.textContent = projects[randomIndex];
    }, 80);

    setTimeout(() => {
      clearInterval(interval);
      button.classList.remove("rolling");

      const finalIndex = Math.floor(Math.random() * projects.length);

      const exclamations = [
        "Oh look:",
        "Bäm:",
        "Take that:",
        "Well:",
        "Guess what:",
        "Plot twist:",
        "Lucky you:",
        "Here we go:",
        "Ta-da:",
        "Et voilà:"
      ];

      const randomExclamation =
        exclamations[Math.floor(Math.random() * exclamations.length)];

      // Reset glow animation only
      resultDiv.classList.remove("winner-glow");
      void resultDiv.offsetWidth;

      // Only project name orange
      resultDiv.innerHTML =
        randomExclamation +
        " <span class='result-highlight'>" +
        projects[finalIndex] +
        "</span>";

      resultDiv.classList.add("winner-glow");

    }, 2000);
  };

  const reloadBtn = document.getElementById("reloadBtn");

if (reloadBtn) {
  reloadBtn.addEventListener("click", function() {
    const url = window.location.pathname + "?v=" + Date.now();
    window.location.href = url;
  });
}


  // import data
  document.getElementById("fileInput").addEventListener("change", function(event) {
    const file = event.target.files[0];
    if (!file) return;

    const reader = new FileReader();
    reader.onload = function(e) {

      const content = e.target.result;
      const entries = content.split(/[\r\n,;\t]+/);

      let added = 0;

      entries.forEach(entry => {
        let trimmed = entry.trim();
        trimmed = trimmed.replace(/^"(.*)"$/, '$1');

        if (
          trimmed !== "" &&
          !projects.some(p => p.toLowerCase() === trimmed.toLowerCase())
        ) {
          projects.push(trimmed);
          added++;
        }
      });

      saveProjects();
      renderProjects();

      alert(`Import finished: ${added} new projects added.`);
    };

    reader.readAsText(file);
  });

  // activate add on enter
  document.getElementById("projectForm").addEventListener("submit", function(event) {
    event.preventDefault();
    addProject();
  });

  // help modal
  const modal = document.getElementById("helpModal");
  const helpBtn = document.getElementById("helpBtn");
  const closeBtn = document.querySelector(".close-btn");

  if (helpBtn && modal && closeBtn) {
    helpBtn.addEventListener("click", function() {
      modal.style.display = "block";
    });

    closeBtn.addEventListener("click", function() {
      modal.style.display = "none";
    });

    window.addEventListener("click", function(event) {
      if (event.target === modal) {
        modal.style.display = "none";
      }
    });

    document.addEventListener("keydown", function(event) {
      if (event.key === "Escape") {
        modal.style.display = "none";
      }
    });
  }

  // initial render
  renderProjects();
});