// Advanced Modal Management
class ModalManager {
    constructor() {
        this.modals = new Map();
        this.init();
    }

    init() {
        // Initialize all modals on the page
        document.querySelectorAll('.modal').forEach(modal => {
            const modalId = modal.id;
            this.modals.set(modalId, new bootstrap.Modal(modal));
        });
    }

    // Show modal with custom options
    show(modalId, options = {}) {
        const modal = this.modals.get(modalId);
        if (modal) {
            // Update options if provided
            if (options.backdrop !== undefined) {
                modal._config.backdrop = options.backdrop;
            }
            if (options.keyboard !== undefined) {
                modal._config.keyboard = options.keyboard;
            }
            
            modal.show();
        }
    }

    // Hide modal
    hide(modalId) {
        const modal = this.modals.get(modalId);
        if (modal) {
            modal.hide();
        }
    }

    // Toggle modal
    toggle(modalId) {
        const modal = this.modals.get(modalId);
        if (modal) {
            modal.toggle();
        }
    }

    // Show confirmation modal
    showConfirmation(title, message, onConfirm, onCancel) {
        const modal = document.getElementById('confirmationModal');
        const modalTitle = modal.querySelector('.modal-title');
        const modalBody = modal.querySelector('.modal-body');
        
        modalTitle.textContent = title;
        modalBody.textContent = message;
        
        // Remove existing event listeners
        const confirmBtn = modal.querySelector('.btn-confirm');
        const cancelBtn = modal.querySelector('.btn-cancel');
        
        confirmBtn.replaceWith(confirmBtn.cloneNode(true));
        cancelBtn.replaceWith(cancelBtn.cloneNode(true));
        
        // Add new event listeners
        modal.querySelector('.btn-confirm').addEventListener('click', () => {
            onConfirm();
            bootstrap.Modal.getInstance(modal).hide();
        });
        
        modal.querySelector('.btn-cancel').addEventListener('click', () => {
            if (onCancel) onCancel();
            bootstrap.Modal.getInstance(modal).hide();
        });
        
        this.show('confirmationModal');
    }

    // Show loading modal
    showLoading(message = 'Loading...') {
        const modal = document.getElementById('loadingModal');
        const modalBody = modal.querySelector('.modal-body p');
        modalBody.textContent = message;
        this.show('loadingModal');
    }

    // Hide loading modal
    hideLoading() {
        this.hide('loadingModal');
    }
}

// Usage example
const modalManager = new ModalManager();

// Show confirmation
modalManager.showConfirmation(
    'Delete Item',
    'Are you sure you want to delete this item?',
    () => console.log('Confirmed'),
    () => console.log('Cancelled')
);

// Show loading
modalManager.showLoading('Saving data...');
setTimeout(() => modalManager.hideLoading(), 3000);