function addMembersToGroup() {
    const currentUser = firebase.auth().currentUser;
    if (!currentUser || !selectedGroupId) return;

    const checkboxes = document.querySelectorAll('#add-members-list input[type="checkbox"]:checked');
    if (checkboxes.length === 0) {
        alert('Please select at least one member to add');
        return;
    }

    const newMembers = Array.from(checkboxes).map(checkbox => checkbox.value);
    const updates = {};

    newMembers.forEach(member => {
        const sanitizedEmail = sanitizeEmail(member);
        updates[`groups/${selectedGroupId}/members/${sanitizedEmail}`] = member;
        updates[`groupMembers/${sanitizedEmail}/${selectedGroupId}`] = true;
    });

    firebase.database().ref().update(updates)
        .then(() => {
            alert('Members added successfully!');
            closeModal('add-members-modal');
            
            if (document.getElementById('group-info-modal').style.display === 'flex') {
                showGroupInfoModal(selectedGroupId);
            }
        })
        .catch(error => {
            console.error('Error adding members:', error);
            alert('Failed to add members');
        });
}
document.addEventListener('DOMContentLoaded', () => {
  const preloader = document.getElementById('preloader');
  preloader.classList.add('fade-out');
  setTimeout(() => {
    preloader.style.display = 'none';
  }, 300);
});