// Modal de Produtos
document.addEventListener('DOMContentLoaded', function() {
    // Botões para abrir o modal
    const viewDetailsBtns = document.querySelectorAll('.view-details-btn');
    const productModal = document.getElementById('productModal');
    const closeModalBtns = document.querySelectorAll('.close-modal, .btn-close-modal');
    
    // Elementos do modal
    const modalImage = document.getElementById('modalProductImage');
    const modalCategory = document.getElementById('modalProductCategory');
    const modalTitle = document.getElementById('modalProductTitle');
    const modalDescription = document.getElementById('modalProductDescription');
    const modalStatus = document.getElementById('modalProductStatus');
    const modalApplication = document.getElementById('modalProductApplication');
    const modalCertification = document.getElementById('modalProductCertification');
    const modalType = document.getElementById('modalProductType');
    const modalPackaging = document.getElementById('modalProductPackaging');
    
    // Adicionar evento de clique em cada botão "Ver Detalhes"
    viewDetailsBtns.forEach(btn => {
        btn.addEventListener('click', function() {
            // Coletar dados do produto do botão clicado
            const image = this.getAttribute('data-image');
            const category = this.getAttribute('data-category');
            const title = this.getAttribute('data-title');
            const description = this.getAttribute('data-description');
            const status = this.getAttribute('data-status');
            const specs = JSON.parse(this.getAttribute('data-specs'));
            
            // Preencher o modal com os dados
            modalImage.src = image;
            modalImage.alt = title;
            modalCategory.textContent = category;
            modalTitle.textContent = title;
            modalDescription.textContent = description;
            modalStatus.textContent = status;
            modalApplication.textContent = specs.aplicacao;
            modalCertification.textContent = specs.certificacao;
            modalType.textContent = specs.tipo;
            modalPackaging.textContent = specs.embalagem;
            
            // Mostrar o modal
            productModal.style.display = 'flex';
            document.body.style.overflow = 'hidden';
        });
    });
    
    // Fechar o modal
    closeModalBtns.forEach(btn => {
        btn.addEventListener('click', function() {
            productModal.style.display = 'none';
            document.body.style.overflow = 'auto';
        });
    });
    
    // Fechar modal ao clicar fora do conteúdo
    window.addEventListener('click', function(event) {
        if (event.target === productModal) {
            productModal.style.display = 'none';
            document.body.style.overflow = 'auto';
        }
    });
    
    // Fechar modal com a tecla ESC
    document.addEventListener('keydown', function(event) {
        if (event.key === 'Escape' && productModal.style.display === 'flex') {
            productModal.style.display = 'none';
            document.body.style.overflow = 'auto';
        }
    });
    
    // Botão "Solicitar Orçamento"
    const contactBtn = document.querySelector('.btn-contact');
    if (contactBtn) {
        contactBtn.addEventListener('click', function() {
            // Aqui você pode adicionar a lógica para enviar o orçamento
            // Por exemplo, redirecionar para um formulário de contato
            window.location.href = 'contacto.php?produto=' + encodeURIComponent(modalTitle.textContent);
            
            // Ou abrir outro modal
            // Fechar o modal atual primeiro
            productModal.style.display = 'none';
            document.body.style.overflow = 'auto';
        });
    }
});