document.addEventListener('DOMContentLoaded', function () {
    const addMeetingModal = new bootstrap.Modal(document.getElementById('addMeetingModal'));
    const addEventModal = new bootstrap.Modal(document.getElementById('addEventModal'));

    const addMeetingForm = document.getElementById('addMeetingForm');
    addMeetingForm.addEventListener('submit', function (e) {
        e.preventDefault();
        const formData = new FormData(addMeetingForm);
        formData.append('type', 'meeting');

        fetch('add_entry.php', {
            method: 'POST',
            body: formData
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                addMeetingModal.hide();
                // Add to list dynamically
                const meetingsList = document.getElementById('meetings-list');
                const newMeeting = document.createElement('div');
                newMeeting.classList.add('list-group-item');
                newMeeting.innerHTML = `<h5>${data.entry.title}</h5><p>${data.entry.description}</p>`;
                meetingsList.appendChild(newMeeting);
                addMeetingForm.reset();
            } else {
                alert(data.message);
            }
        });
    });

    const addEventForm = document.getElementById('addEventForm');
    addEventForm.addEventListener('submit', function (e) {
        e.preventDefault();
        const formData = new FormData(addEventForm);
        formData.append('type', 'event');

        fetch('add_entry.php', {
            method: 'POST',
            body: formData
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                addEventModal.hide();
                // Add to list dynamically
                const eventsList = document.getElementById('events-list');
                const newEvent = document.createElement('div');
                newEvent.classList.add('list-group-item');
                newEvent.innerHTML = `<h5>${data.entry.title}</h5><p>${data.entry.description}</p>`;
                eventsList.appendChild(newEvent);
                addEventForm.reset();
            } else {
                alert(data.message);
            }
        });
    });
});