// 模态框模块

// 延迟获取 DOM 元素，避免模块加载时元素不存在
function getModalElements() {
    return {
        modalOverlay: document.getElementById('modalOverlay'),
        modalTitle: document.getElementById('modalTitle'),
        modalMessage: document.getElementById('modalMessage'),
        modalFooter: document.getElementById('modalFooter'),
        modalClose: document.getElementById('modalClose'),
        modalCancel: document.getElementById('modalCancel'),
        modalConfirm: document.getElementById('modalConfirm')
    };
}

let modalResolve = null;

export function showModal(options = {}) {
    return new Promise((resolve) => {
        const elements = getModalElements();
        if (!elements.modalOverlay || !elements.modalTitle || !elements.modalMessage || 
            !elements.modalFooter || !elements.modalConfirm || !elements.modalCancel) {
            console.error('模态框元素未找到');
            resolve(false);
            return;
        }
        
        modalResolve = resolve;
        const {
            title = '提示',
            message = '',
            type = 'alert',
            confirmText = '确定',
            cancelText = '取消'
        } = options;

        elements.modalTitle.textContent = title;
        elements.modalMessage.textContent = message;
        elements.modalConfirm.textContent = confirmText;
        elements.modalCancel.textContent = cancelText;

        if (type === 'alert') {
            elements.modalFooter.classList.add('single-button');
            elements.modalCancel.style.display = 'none';
        } else {
            elements.modalFooter.classList.remove('single-button');
            elements.modalCancel.style.display = 'block';
        }

        elements.modalOverlay.classList.add('show');
        setTimeout(() => elements.modalConfirm.focus(), 100);
    });
}

export function hideModal(result = false) {
    const elements = getModalElements();
    if (elements.modalOverlay) {
        elements.modalOverlay.classList.remove('show');
    }
    if (modalResolve) {
        modalResolve(result);
        modalResolve = null;
    }
}

export function customAlert(message, title = '提示') {
    return showModal({title, message, type: 'alert'});
}

export function customConfirm(message, title = '确认') {
    return showModal({title, message, type: 'confirm'});
}

// 初始化模态框事件
export function initModal() {
    const elements = getModalElements();
    if (!elements.modalOverlay) {
        console.warn('模态框元素未找到，无法初始化事件');
        return;
    }
    
    if (elements.modalClose) {
        elements.modalClose.addEventListener('click', () => hideModal(false));
    }
    if (elements.modalCancel) {
        elements.modalCancel.addEventListener('click', () => hideModal(false));
    }
    if (elements.modalConfirm) {
        elements.modalConfirm.addEventListener('click', () => hideModal(true));
    }
    elements.modalOverlay.addEventListener('click', (e) => {
        if (e.target === elements.modalOverlay) hideModal(false);
    });
    document.addEventListener('keydown', (e) => {
        if (e.key === 'Escape' && elements.modalOverlay.classList.contains('show')) {
            hideModal(false);
        }
    });
}