',
"SEIZOEN 3 (2025)|PRIVE LES|60 MIN LES": '
',
"SEIZOEN 3 (2025)|GROEP VAN 2|90 MIN LES": '
',
"SEIZOEN 3 (2025)|GROEP VAN 2|60 MIN LES": '
',
"SEIZOEN 3 (2025)|GROEP VAN 3|90 MIN LES": '
',
"SEIZOEN 3 (2025)|GROEP VAN 3|60 MIN LES": '
',
"SEIZOEN 3 (2025)|GROEP VAN 4|90 MIN LES": '
',
"SEIZOEN 3 (2025)|GROEP VAN 4|60 MIN LES": '
',
// SEIZOEN 1 - 2026
"SEIZOEN 1 - 2026|PRIVE LES|90 MIN LES": '
',
"SEIZOEN 1 - 2026|PRIVE LES|60 MIN LES": '
',
"SEIZOEN 1 - 2026|GROEP VAN 2|90 MIN LES": '
',
"SEIZOEN 1 - 2026|GROEP VAN 2|60 MIN LES": '
',
"SEIZOEN 1 - 2026|GROEP VAN 3|90 MIN LES": '
',
"SEIZOEN 1 - 2026|GROEP VAN 3|60 MIN LES": '
',
"SEIZOEN 1 - 2026|GROEP VAN 4|90 MIN LES": '
',
"SEIZOEN 1 - 2026|GROEP VAN 4|60 MIN LES": '
',
// SEIZOEN 2 - 2026
"SEIZOEN 2 - 2026|PRIVE LES|90 MIN LES": '
',
"SEIZOEN 2 - 2026|PRIVE LES|60 MIN LES": '
',
"SEIZOEN 2 - 2026|GROEP VAN 2|90 MIN LES": '
',
"SEIZOEN 2 - 2026|GROEP VAN 2|60 MIN LES": '
',
"SEIZOEN 2 - 2026|GROEP VAN 3|90 MIN LES": '
',
"SEIZOEN 2 - 2026|GROEP VAN 3|60 MIN LES": '
',
"SEIZOEN 2 - 2026|GROEP VAN 4|90 MIN LES": '
',
"SEIZOEN 2 - 2026|GROEP VAN 4|60 MIN LES": '
',
// SEIZOEN 3 - 2026
"SEIZOEN 3 - 2026|PRIVE LES|90 MIN LES": '
',
"SEIZOEN 3 - 2026|PRIVE LES|60 MIN LES": '
',
"SEIZOEN 3 - 2026|GROEP VAN 2|90 MIN LES": '
',
"SEIZOEN 3 - 2026|GROEP VAN 2|60 MIN LES": '
',
"SEIZOEN 3 - 2026|GROEP VAN 3|90 MIN LES": '
',
"SEIZOEN 3 - 2026|GROEP VAN 3|60 MIN LES": '
',
"SEIZOEN 3 - 2026|GROEP VAN 4|90 MIN LES": '
',
"SEIZOEN 3 - 2026|GROEP VAN 4|60 MIN LES": '
',
};
function resetFromLevel(levelIndex) {
for(let i=levelIndex; i < levels.length; i++) {
levels[i].style.display = i === 0 || i < levelIndex ? 'flex' : 'none';
Array.from(levels[i].querySelectorAll('button')).forEach(btn => {
btn.style.display = 'inline-block';
btn.classList.remove('active');
});
removeResetButton(levels[i]);
delete selection[i+1];
}
updateBreadcrumb();
calendar.innerHTML = '';
}
function removeResetButton(levelDiv) {
const existing = levelDiv.querySelector('.reset-btn');
if(existing) existing.remove();
}
function addResetButton(levelDiv, targetButton) {
if(levelDiv.dataset.level !== '1') return;
removeResetButton(levelDiv);
const btn = document.createElement('button');
btn.title = 'Wijzigen';
btn.className = 'reset-btn';
btn.textContent = '✕';
levelDiv.appendChild(btn);
btn.addEventListener('click', () => {
const lvl = parseInt(levelDiv.dataset.level);
resetFromLevel(lvl - 1);
});
}
function updateBreadcrumb() {
breadcrumb.innerHTML = '';
const keys = Object.keys(selection).sort();
if(keys.length === 0) return;
const texts = keys.map(k => selection[k]);
breadcrumb.textContent = texts.join(' → ');
}
levels.forEach((levelDiv, index) => {
levelDiv.addEventListener('click', e => {
if(e.target.tagName !== 'BUTTON' || e.target.classList.contains('reset-btn')) return;
Array.from(levelDiv.querySelectorAll('button')).forEach(btn => {
if(btn === e.target){
btn.classList.add('active');
btn.style.display = 'inline-block';
selection[index + 1] = btn.textContent;
} else {
btn.classList.remove('active');
btn.style.display = 'none';
}
});
addResetButton(levelDiv, e.target);
if(index + 1 < levels.length) {
levels[index + 1].style.display = 'flex';
Array.from(levels[index + 1].querySelectorAll('button')).forEach(btn => {
btn.style.display = 'inline-block';
btn.classList.remove('active');
});
for(let i = index + 2; i < levels.length; i++) {
levels[i].style.display = 'none';
Array.from(levels[i].querySelectorAll('button')).forEach(btn => {
btn.classList.remove('active');
btn.style.display = 'inline-block';
});
delete selection[i+1];
}
calendar.innerHTML = '';
} else {
showCalendar();
}
updateBreadcrumb();
});
});
function showCalendar(){
const key = `${selection[1]}|${selection[2]}|${selection[3]}`;
const shortcode = calendars[key] || '
Календарь не найден для выбранной опции.
';
calendar.innerHTML = `
Kalender voor:
${selection[1]} → ${selection[2]} → ${selection[3]}
${shortcode}
`;
}
resetFromLevel(0);
})();