document.addEventListener('DOMContentLoaded', function () {
    // New Project Modal
    const newProjectBtn = document.getElementById('newProjectBtn');
    const newProjectModalEl = document.getElementById('newProjectModal');
    if (newProjectBtn && newProjectModalEl) {
        const newProjectModal = new bootstrap.Modal(newProjectModalEl);
        newProjectBtn.addEventListener('click', function () {
            newProjectModal.show();
        });
    }

    // Edit Project Modal
    const editProjectModalEl = document.getElementById('editProjectModal');
    if (editProjectModalEl) {
        const editProjectModal = new bootstrap.Modal(editProjectModalEl);
        const editButtons = document.querySelectorAll('.edit-btn');

        editButtons.forEach(button => {
            button.addEventListener('click', function () {
                const data = JSON.parse(this.getAttribute('data-row'));

                document.getElementById('edit-id').value = data.id;
                document.getElementById('edit-name').value = data.name;
                document.getElementById('edit-wbs').value = data.wbs;
                document.getElementById('edit-startDate').value = data.startDate;
                document.getElementById('edit-endDate').value = data.endDate;
                document.getElementById('edit-budget').value = data.budget;
                document.getElementById('edit-recoverability').value = data.recoverability;
                document.getElementById('edit-targetMargin').value = data.targetMargin;

                editProjectModal.show();
            });
        });
    }
});