`; scheduleList.appendChild(card); }); } scheduleList.classList.remove('fade-out'); }, 200); // 200ms fake load for smooth transition }; // Event Listeners // Day Tabs dayTabs.forEach((tab, index) => { tab.addEventListener('click', (e) => { dayTabs.forEach(t => t.classList.remove('active')); tab.classList.add('active'); // Move indicator tabIndicator.style.transform = `translateX(${index * 100}%)`; currentDay = tab.dataset.day; renderSchedule(); }); }); // Stage Filters stageFiltersBtn.forEach(btn => { btn.addEventListener('click', () => { stageFiltersBtn.forEach(b => b.classList.remove('active')); btn.classList.add('active'); currentStage = btn.dataset.stage; renderSchedule(); }); }); // Reset Button in Empty State resetBtn.addEventListener('click', () => { stageFiltersBtn[0].click(); // Clicks "All Stages" }); // Initial Render // Hide loader immediately since data is local loader.classList.remove('active'); renderSchedule(); }); })();