script.js

// Initialize
const taskList = document.getElementById("taskList");
const taskInput = document.getElementById("taskInput");

// Functions
const getCookie = (name) => {
    const value = `; ${document.cookie}`;
    const parts = value.split(`; ${name}=`);
    return parts.length === 2 ? parts.pop().split(';').shift() : null;
};

const setCookie = (name, value, days) => {
    const expires = new Date(Date.now() + days * 864e5).toUTCString();
    document.cookie = `${name}=${encodeURIComponent(value)}; expires=${expires}; path=/`;
};

const addTask = () => {
    const taskInputValue = taskInput.value.trim();
    if (taskInputValue) {
        const listItem = document.createElement("li");
        listItem.innerHTML = `<input type='checkbox'><label>${taskInputValue}</label>`;
        taskList.appendChild(listItem);
        updateCookies();
        taskInput.value = "";
    }
};

const deleteTask = () => {
    if (confirm("Validez-vous la suppression ?")) {
        document.querySelectorAll("input[type='checkbox']:checked").forEach(el => el.parentNode.remove());
        updateCookies();
    }
};

const clearTasks = () => {
    taskList.innerHTML = "";
    setCookie("taskList", "", 7); 
};

const updateCookies = () => {
    const tasks = Array.from(taskList.children).map(item => {
        const label = item.querySelector("label").innerText;
        const checked = item.querySelector("input[type='checkbox']").checked;
        return { label, checked };
    });
    setCookie("taskList", JSON.stringify(tasks), 7);
};

const loadTasks = () => {
    const savedTasks = getCookie("taskList");
    if (savedTasks) {
        const tasks = JSON.parse(decodeURIComponent(savedTasks));
        tasks.forEach(task => {
            const listItem = document.createElement("li");
            listItem.innerHTML = `<input type='checkbox' ${task.checked ? 'checked' : ''}><label>${task.label}</label>`;
            taskList.appendChild(listItem);
        });
    }
};

// Events
window.onload = loadTasks;

taskInput.addEventListener("keypress", (event) => {
    if (event.key === "Enter") {
        event.preventDefault();
        addTask();
    }
});

document.addEventListener("keydown", (event) => {
    if (event.key === "Delete" && document.activeElement !== taskInput) {
        event.preventDefault();
        deleteTask();
    }
});

taskList.addEventListener("change", (event) => {
    if (event.target.type === 'checkbox') {
        event.target.parentElement.classList.toggle("checked", event.target.checked);
        updateCookies(); // Update cookies on checkbox change
    }
});

const toggleFlexDisplay = (display) => {
    document.querySelectorAll(".flex").forEach(el => el.style.display = display);
};

window.addEventListener("beforeprint", () => toggleFlexDisplay("none"));
window.addEventListener("afterprint", () => toggleFlexDisplay("flex"));