document.addEventListener('DOMContentLoaded', function() {
    const notesContainer = document.getElementById('notesContainer');
    const newNoteButton = document.getElementById('newNote');

    // Charger les notes depuis le localStorage
    loadNotes();

    // Sauvegarder les notes toutes les minutes
    setInterval(saveNotes, 60000);

    newNoteButton.addEventListener('click', addNote);

    function addNote() {
        const noteDiv = document.createElement('div');
        noteDiv.className = 'col-md-4';

        const note = document.createElement('div');
        note.className = 'note';

        const textarea = document.createElement('textarea');
        textarea.placeholder = 'Écrivez votre note ici...';
        textarea.rows = 4;
        textarea.addEventListener('input', saveNotes);

        note.appendChild(textarea);
        noteDiv.appendChild(note);
        notesContainer.appendChild(noteDiv);
    }

    function saveNotes() {
        const notes = [];
        document.querySelectorAll('.note textarea').forEach(textarea => {
            notes.push(textarea.value);
        });
        localStorage.setItem('notes', JSON.stringify(notes));
    }

    function loadNotes() {
        const savedNotes = localStorage.getItem('notes');
        if (savedNotes) {
            const notes = JSON.parse(savedNotes);
            notes.forEach(noteText => {
                const noteDiv = document.createElement('div');
                noteDiv.className = 'col-md-4';

                const note = document.createElement('div');
                note.className = 'note';

                const textarea = document.createElement('textarea');
                textarea.placeholder = 'Écrivez votre note ici...';
                textarea.rows = 4;
                textarea.value = noteText;
                textarea.addEventListener('input', saveNotes);

                note.appendChild(textarea);
                noteDiv.appendChild(note);
                notesContainer.appendChild(noteDiv);
            });
        }
    }
});