script.js

const modal = document.getElementById("noteModal");
const openBtn = document.getElementById("openModalBtn");
const closeBtn = document.querySelector(".close-btn");
const noteForm = document.getElementById("noteForm");
const searchInput = document.getElementById("searchNote");
const sortOrder = document.getElementById("sortOrder");

let notes = JSON.parse(localStorage.getItem("prompt_vfinal_system")) || [];

openBtn.onclick = () => {
    noteForm.reset();
    document.getElementById("noteId").value = "";
    document.getElementById("modalTitle").innerText = "Nova Nota";
    modal.style.display = "flex";
};

closeBtn.onclick = () => modal.style.display = "none";
window.onclick = (e) => { if (e.target === modal) modal.style.display = "none"; };

function render() {
    document.querySelectorAll('.notes-container, .day-notes').forEach(c => c.innerHTML = '');
    let filtered = [...notes];
    filtered.sort((a, b) => sortOrder.value === 'newest' ? b.id - a.id : a.id - b.id);
    const search = searchInput.value.toLowerCase();
    
    filtered.forEach(note => {
        if (note.title.toLowerCase().includes(search) || note.text.toLowerCase().includes(search)) {
            // Kanban
            const container = document.querySelector(`[data-column="${note.priority}"]`);
            if (container) container.appendChild(createNoteEl(note));

            // Cronograma
            const dateObj = new Date(note.date + 'T00:00:00');
            const dayTarget = document.querySelector(`.day-col[data-day="${dateObj.getDay()}"] .day-notes`);
            if (dayTarget) {
                const link = document.createElement('div');
                link.className = 'cron-note-link';
                link.innerText = note.title;
                link.onclick = (e) => { e.stopPropagation(); openNote(note.id); };
                dayTarget.appendChild(link);
            }
        }
    });
}

function createNoteEl(note) {
    const div = document.createElement('div');
    div.className = 'note';
    div.innerHTML = `
        <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:8px">
            <small style="color:var(--action-blue); font-weight:700">${note.date.split('-').reverse().slice(0,2).join('/')}</small>
            <button style="color:var(--accent-coral); background:none; border:none; cursor:pointer; font-size:1.2rem" onclick="deleteNote(${note.id})">&times;</button>
        </div>
        <h4 style="cursor:pointer; margin:0" onclick="openNote(${note.id})">${note.title}</h4>
    `;
    return div;
}

function openNote(id) {
    const note = notes.find(n => n.id === id);
    if (note) {
        document.getElementById("noteId").value = note.id;
        document.getElementById("noteTitle").value = note.title;
        document.getElementById("noteText").value = note.text;
        document.getElementById("noteDate").value = note.date;
        document.getElementById("notePriority").value = note.priority;
        document.getElementById("modalTitle").innerText = "Editar Registro";
        modal.style.display = "flex";
    }
}

window.deleteNote = (id) => {
    if(confirm("Deseja apagar?")) {
        notes = notes.filter(n => n.id !== id);
        localStorage.setItem("prompt_vfinal_system", JSON.stringify(notes));
        render();
    }
};

noteForm.onsubmit = (e) => {
    e.preventDefault();
    const id = document.getElementById("noteId").value;
    const noteData = {
        id: id ? parseInt(id) : Date.now(),
        title: document.getElementById("noteTitle").value,
        text: document.getElementById("noteText").value,
        date: document.getElementById("noteDate").value,
        priority: document.getElementById("notePriority").value
    };
    if (id) {
        const index = notes.findIndex(n => n.id === parseInt(id));
        notes[index] = noteData;
    } else {
        notes.push(noteData);
    }
    localStorage.setItem("prompt_vfinal_system", JSON.stringify(notes));
    modal.style.display = "none";
    render();
};

searchInput.oninput = render;
sortOrder.onchange = render;
render();