script.js

function openDevIntern() {
    window.open("dev", "_blank");
}

async function fetchTasks() {
    let response = await fetch('tasks.php?action=get');
    let tasks = await response.json();
    let taskList = document.getElementById("taskList");
    taskList.innerHTML = "";

    tasks.sort((a, b) => {
        const order = { "in_arbeit": 1, "gemeldet": 2, "erledigt": 3 };
        return order[a.status] - order[b.status];
    });

    tasks.forEach(task => {
        let taskDiv = document.createElement("div");
        taskDiv.classList.add("task", task.category);
        if (task.status === "in_arbeit") taskDiv.classList.add("in_arbeit");
        if (task.status === "erledigt") taskDiv.classList.add("done");

        taskDiv.innerHTML = `<strong>${task.title}</strong><p>${task.description}</p>`;

        let statusDiv = document.createElement("div");
        statusDiv.classList.add("status");

        if (task.status !== "erledigt") {
            let toggleInProgressBtn = document.createElement("button");
            toggleInProgressBtn.innerText = task.status === "in_arbeit" ? "Nicht in Arbeit" : "In Arbeit";
            toggleInProgressBtn.onclick = async () => {
                let newStatus = task.status === "in_arbeit" ? "gemeldet" : "in_arbeit";
                await fetch(`tasks.php?action=update&id=${task.id}&status=${newStatus}`);
                fetchTasks();
            };

            let doneBtn = document.createElement("button");
            doneBtn.innerText = "Erledigt";
            doneBtn.onclick = async () => {
                await fetch(`tasks.php?action=update&id=${task.id}&status=erledigt`);
                fetchTasks();
            };

            statusDiv.appendChild(toggleInProgressBtn);
            statusDiv.appendChild(doneBtn);
        }

        taskDiv.appendChild(statusDiv);
        taskList.appendChild(taskDiv);
    });
}

async function addTask() {
    let title = document.getElementById("taskTitle").value;
    let description = document.getElementById("taskDescription").value;
    let category = document.getElementById("taskCategory").value;

    if (!title) return;

    await fetch('tasks.php?action=add', {
        method: "POST",
        body: JSON.stringify({ title, description, category }),
        headers: { "Content-Type": "application/json" }
    });

    document.getElementById("taskTitle").value = "";
    document.getElementById("taskDescription").value = "";

    fetchTasks();
}

fetchTasks();