document.addEventListener('DOMContentLoaded', function() {
// Remplace avec ton channel ID et clé API
const channelId = 'UCgI3AbZj5qEOsERUgt7TgxA';
const apiKey = 'AIzaSyANV9Nu-rrYD5ZQQfTJf23wwmIIXWqZfOw';
const livePageUrl = 'https://lecep-bernay.fr/culte-en-direct/';
fetch(`https://www.googleapis.com/youtube/v3/search?part=snippet&channelId=${channelId}&type=video&eventType=live&key=${apiKey}`)
.then(response => response.json())
.then(data => {
const hasLive = data.items && data.items.length > 0;
// 1️⃣ Ajouter la classe clignotante au menu si live
const liveMenuItem = document.querySelector('.menu-item-live');
if(liveMenuItem && hasLive){
liveMenuItem.classList.add('live-active');
} else if(liveMenuItem){
liveMenuItem.classList.remove('live-active');
}
// 2️⃣ Afficher le popup si live
if(hasLive){
const popup = document.createElement('div');
popup.id = 'livePopup';
popup.style.position = 'fixed';
popup.style.top = '0';
popup.style.left = '0';
popup.style.width = '100%';
popup.style.height = '100%';
popup.style.background = 'rgba(0,0,0,0.85)';
popup.style.display = 'flex';
popup.style.justifyContent = 'center';
popup.style.alignItems = 'center';
popup.style.zIndex = '9999';
popup.innerHTML = `
`;
document.body.appendChild(popup);
}
})
.catch(err => console.error('Erreur YouTube API:', err));
});