document.addEventListener('DOMContentLoaded', function () {

    const editMissionModal = document.getElementById('editMissionModal');
    if (editMissionModal) {
        editMissionModal.addEventListener('show.bs.modal', function (event) {
            // Button that triggered the modal
            const button = event.relatedTarget;

            // Extract info from data-* attributes
            const missionId = button.getAttribute('data-id');
            const name = button.getAttribute('data-name');
            const drone = button.getAttribute('data-drone');
            const status = button.getAttribute('data-status');
            const date = button.getAttribute('data-date');

            // Update the modal's content.
            const modalTitle = editMissionModal.querySelector('.modal-title');
            const missionIdInput = editMissionModal.querySelector('#edit_mission_id');
            const nameInput = editMissionModal.querySelector('#edit_name');
            const droneInput = editMissionModal.querySelector('#edit_drone');
            const statusInput = editMissionModal.querySelector('#edit_status');
            const dateInput = editMissionModal.querySelector('#edit_mission_date');

            modalTitle.textContent = 'Edit Mission: ' + name;
            missionIdInput.value = missionId;
            nameInput.value = name;
            droneInput.value = drone;
            statusInput.value = status;
            dateInput.value = date;
        });
    }

});