function openModal(newsId) {
    const popInfo = document.getElementById('film-pop');
    const overlay = document.getElementById('pop-overlay');
    
    const newsElement = event.target.closest('.short');
    
    if (newsElement) {
        const posterImg = newsElement.querySelector('img');
        const titleElement = newsElement.querySelector('.short-title');
        
        if (posterImg) {
            document.getElementById('pop-poster-img').src = posterImg.src;
        }
        
        if (titleElement) {
            document.getElementById('pop-title').textContent = titleElement.textContent;
        }
        
        const trailerData = document.getElementById('trailer-' + newsId);
        const descData = document.getElementById('desc-' + newsId);
        const qualitData = document.getElementById('qualit-' + newsId);
        const versionData = document.getElementById('version-' + newsId);
        const dateData = document.getElementById('date-' + newsId);
        
        const trailerFrame = document.getElementById('pop-trailer-frame');
        const noTrailerMsg = document.getElementById('no-trailer-msg');
        
        if (trailerData && trailerData.textContent.trim() !== '') {
            trailerFrame.src = `https://www.youtube.com/embed/${trailerData.textContent.trim()}?autoplay=1&mute=1`;
            trailerFrame.style.display = 'block';
            noTrailerMsg.style.display = 'none';
        } else {
            trailerFrame.style.display = 'none';
            noTrailerMsg.style.display = 'flex';
        }
        
        document.getElementById('pop-description').innerHTML = descData ? descData.innerHTML : 'Description non disponible';
        
        const metaContainer = document.getElementById('pop-meta');
        metaContainer.innerHTML = '';
        
        if (qualitData && qualitData.textContent) {
            metaContainer.innerHTML += `<span class="meta-item">${qualitData.textContent}</span>`;
        }
        if (versionData && versionData.textContent) {
            metaContainer.innerHTML += `<span class="meta-item">${versionData.textContent}</span>`;
        }
        if (dateData && dateData.textContent) {
            metaContainer.innerHTML += `<span class="meta-item">${dateData.textContent}</span>`;
        }
    }
    
    popInfo.style.display = 'block';
    overlay.style.display = 'block';
    document.body.style.overflow = 'hidden';
}

function closePop() {
    const popInfo = document.getElementById('film-pop');
    const overlay = document.getElementById('pop-overlay');
    const trailerFrame = document.getElementById('pop-trailer-frame');
    
    popInfo.style.display = 'none';
    overlay.style.display = 'none';
    document.body.style.overflow = 'auto';
    
    trailerFrame.src = '';
}

document.addEventListener('keydown', function(e) {
    if (e.key === 'Escape') {
        closePop();
    }
});