// main.js - TARS Core Systems (Versão Corrigida)

document.addEventListener('DOMContentLoaded', () => {
    
    const menuToggle = document.querySelector('.menu-toggle');
    const navLinks = document.querySelector('.nav-links');
    
    if (menuToggle && navLinks) {
        const icon = menuToggle.querySelector('i');

        // Função central para alternar o menu
        const toggleMenu = (forceClose = false) => {
            if (forceClose) {
                navLinks.classList.remove('active');
            } else {
                navLinks.classList.toggle('active');
            }

            const isOpen = navLinks.classList.contains('active');
            menuToggle.setAttribute('aria-expanded', String(isOpen));
            menuToggle.setAttribute('aria-label', isOpen ? 'Fechar menu' : 'Abrir menu');

            // Atualiza o ícone baseado no estado da classe 'active'
            if (icon && isOpen) {
                icon.classList.replace('fa-bars', 'fa-times');
            } else if (icon) {
                icon.classList.replace('fa-times', 'fa-bars');
            }
        };

        // Evento de clique no botão Hambúrguer
        menuToggle.addEventListener('click', (e) => {
            e.stopPropagation(); // Impede que o clique no botão feche o menu imediatamente
            toggleMenu();
        });

        // Fechar ao clicar em qualquer link do menu
        navLinks.querySelectorAll('a').forEach(link => {
            link.addEventListener('click', () => toggleMenu(true));
        });

        // Fechar ao clicar fora do menu ou do botão
        document.addEventListener('click', (e) => {
            const isClickInsideMenu = navLinks.contains(e.target);
            const isClickOnButton = menuToggle.contains(e.target);

            if (!isClickInsideMenu && !isClickOnButton && navLinks.classList.contains('active')) {
                toggleMenu(true);
            }
        });
    }

    // ========================================
    // 🖼️ SISTEMA DE CARREGAMENTO DE IMAGENS DA GALERIA
    // ========================================
    const loadGalleryImages = () => {
        const galleryImages = document.querySelectorAll('.gallery-card-img');
        
        galleryImages.forEach((container) => {
            const imgElement = container.querySelector('img');
            
            if (imgElement && imgElement.src) {
                const imgPath = imgElement.src;
                const alt = imgElement.alt || 'Imagem da galeria';
                
                // Método 1: Adiciona como background-image (CSS)
                container.style.backgroundImage = `url('${imgPath}')`;
                container.style.backgroundSize = 'cover';
                container.style.backgroundPosition = 'center';
                
                // Também mantém a tag img como fallback
                imgElement.onload = () => {
                    container.classList.add('image-loaded');
                };
                
                imgElement.onerror = () => {
                    console.warn(`Imagem não encontrada: ${imgPath}`);
                    // Mantém o background-image como fallback
                };
            }
        });
    };
    
    // Carrega as imagens assim que o DOM está pronto
    loadGalleryImages();
    
    // Recarrega as imagens quando a página é restaurada do cache
    window.addEventListener('pageshow', loadGalleryImages);
});
