// ========================================== // 1. DÉFINITION DES CATÉGORIES // ========================================== const club100 = ["Débutez ici", "Rediffusion Club des 100"]; const programmes = [ "Transformations All-In", "Programme Top Shape", "Transformation IA", "Vente Authentique", "Coaching 1 on 1", "Partner 360", "Club des Ambassadeurs", ]; const business180 = ["Business 180"]; const formationsAllIn = [ "Challenge Cash flow", "Numérologie", "Top Vendeur", "Maîtrise ChatGPT", "Construis ton Avenir", "Reprogrammation", "Top Shape", "Mindset & Marketing", ]; const workshops = [ "Mon Masterplan 2026", "Business Workshop 2025", "Crypto Workshop 2025", "AI Workshop 2025", "Fitness Workshop 2026", "Business Workshop 2026", ]; const club100chalets = ["Club des 100 Chalets"]; const coachingVIP = ["Expérience VIP"]; // ========================================== // 2. CONFIGURATION DES MESSAGES DE VENTE (SI VIDE) // ========================================== const liensDeVente = { club100: { titre: "Tu n'es pas encore membre du Club des 100 ? Inscris-toi gratuitement et sans engagement !", bouton: "Rejoindre le Club des 100", url: "https://monmasterplan.com/inscription", }, programmes: { titre: "Tu n'es pas inscrit à l'un de nos programmes ? Commence par les transformations All-In !", bouton: "Commencer ma transformation", url: "https://monmasterplan.com/coach-transformation-personnelle", }, business180: { titre: "Tu veux arrêter d'improviser ton marketing et passer en mode stratégie ?", bouton: "Découvrir Business 180", url: "https://monmasterplan.com/business-180", }, allIn: { titre: "Passe au niveau supérieur avec nos Formations All-In !", bouton: "Découvrir les formations All-In", url: "https://monmasterplan.com/formation-all-in", }, workshops: { titre: "Aucune rediffusion disponible pour le moment.", bouton: "Voir les prochains événements", url: "https://monmasterplan.com/#section-HrSInICYV1", }, chalets: { titre: "Investis dans ton avenir avec le Club des 100 Chalets.", bouton: "En savoir plus", url: "https://monmasterplan.com/club-des-100-chalets", }, vip: { titre: "Prêt pour un accompagnement exclusif ?", bouton: "Rejoindre l'expérience VIP", url: "https://monmasterplan.com/experience-vip", }, }; // ========================================== // 3. LOGIQUE PRINCIPALE // ========================================== setInterval(() => { const productList = document.getElementById("product-list"); // Si la liste de cours est affichée à l'écran... if ( productList && productList.querySelectorAll(".responsive-card").length > 0 ) { // ...MAIS que nos onglets personnalisés sont absents (parce que GHL a rechargé la vue) if (!document.getElementById("custom-ghl-tabs")) { initCourseTabs(); } } }, 500); function initCourseTabs() { if (document.getElementById("custom-ghl-tabs")) return; // Masquer les onglets natifs const nativeTitle = document.getElementById("library-title"); if (nativeTitle) nativeTitle.style.display = "none"; const productList = document.getElementById("product-list"); const cards = productList.querySelectorAll(".responsive-card"); let totalCourses = cards.length; let club100Count = 0, programmesCount = 0, business180Count = 0, allInCount = 0, workshopsCount = 0, club100ChaletsCount = 0, coachingVIPCount = 0; // Compter les cours pour les badges cards.forEach((card) => { const titleElement = card.querySelector("#product-card-title"); if (titleElement) { const courseTitle = titleElement.innerText.trim(); if (club100.includes(courseTitle)) club100Count++; if (programmes.includes(courseTitle)) programmesCount++; if (business180.includes(courseTitle)) business180Count++; if (formationsAllIn.includes(courseTitle)) allInCount++; if (workshops.includes(courseTitle)) workshopsCount++; if (club100chalets.includes(courseTitle)) club100ChaletsCount++; if (coachingVIP.includes(courseTitle)) coachingVIPCount++; } }); // Création de l'interface des onglets const tabsContainer = document.createElement("div"); tabsContainer.id = "custom-ghl-tabs"; tabsContainer.innerHTML = "" + '" + '" + '" + '" + '" + '" + '" + '"; productList.parentNode.insertBefore(tabsContainer, productList); // Création du bloc "État Vide" (masqué par défaut) SÉCURISÉ POUR GHL const emptyStateContainer = document.createElement("div"); emptyStateContainer.id = "custom-empty-state"; emptyStateContainer.style.display = "none"; emptyStateContainer.innerHTML = "

"; productList.parentNode.insertBefore( emptyStateContainer, productList.nextSibling ); // Éléments du DOM const tabAll = document.getElementById("tab-all-courses"); const tabClub100 = document.getElementById("tab-club100"); const tabProgrammes = document.getElementById("tab-programmes"); const tabBusiness180 = document.getElementById("tab-business180"); const tabAllIn = document.getElementById("tab-all-in"); const tabWorkshops = document.getElementById("tab-workshops"); const tabClub100Chalets = document.getElementById("tab-club100chalets"); const tabCoachingVIP = document.getElementById("tab-coachingVIP"); const allTabs = [ tabAll, tabClub100, tabProgrammes, tabBusiness180, tabAllIn, tabWorkshops, tabClub100Chalets, tabCoachingVIP, ]; function resetTabs() { allTabs.forEach((tab) => tab.classList.remove("active")); } // Fonction centrale pour filtrer et gérer l'affichage vide function applyFilter(activeTabBtn, categoryArray, emptyStateConfigKey) { resetTabs(); activeTabBtn.classList.add("active"); let visibleCount = 0; cards.forEach((card) => { const titleElement = card.querySelector("#product-card-title"); const courseTitle = titleElement ? titleElement.innerText.trim() : ""; // Si categoryArray est null, c'est qu'on affiche tout. Sinon on vérifie la présence. const isMatch = categoryArray === null ? true : categoryArray.includes(courseTitle); if (isMatch) { card.style.display = ""; visibleCount++; } else { card.style.display = "none"; } }); // Si aucun cours n'est affiché et qu'on a configuré un message de vente if (visibleCount === 0 && emptyStateConfigKey) { productList.style.display = "none"; // Masquer la grille vide emptyStateContainer.style.display = "block"; // Afficher la pub document.getElementById("empty-state-title").innerText = liensDeVente[emptyStateConfigKey].titre; document.getElementById("empty-state-btn").innerText = liensDeVente[emptyStateConfigKey].bouton; document.getElementById("empty-state-btn").href = liensDeVente[emptyStateConfigKey].url; } else { productList.style.display = ""; // Réafficher la grille normale (retire le display: none) emptyStateContainer.style.display = "none"; // Masquer la pub } } // Assignation des événements au clic tabAll.addEventListener("click", () => applyFilter(tabAll, null, null)); tabClub100.addEventListener("click", () => applyFilter(tabClub100, club100, "club100") ); tabProgrammes.addEventListener("click", () => applyFilter(tabProgrammes, programmes, "programmes") ); tabBusiness180.addEventListener("click", () => applyFilter(tabBusiness180, business180, "business180") ); tabAllIn.addEventListener("click", () => applyFilter(tabAllIn, formationsAllIn, "allIn") ); tabWorkshops.addEventListener("click", () => applyFilter(tabWorkshops, workshops, "workshops") ); tabClub100Chalets.addEventListener("click", () => applyFilter(tabClub100Chalets, club100chalets, "chalets") ); tabCoachingVIP.addEventListener("click", () => applyFilter(tabCoachingVIP, coachingVIP, "vip") ); }