const oTimeslotsCollection=document.getElementsByClassName("timeslot-checkbox");const oReservationButtonBar=document.getElementById("reservation_button_bar");const oMakeReservationButton=document.getElementById("make_reservation");const sMakeReservationButtonHtmlInitial=oMakeReservationButton.innerHTML;const iMaxAppointment=4;function buttonBarVisible(bIsVisible){console.log("buttonBarVisible",bIsVisible);let sAddHtml="";if(bIsVisible){oReservationButtonBar.classList.remove("hidden");iMoments=countSelectedMoments();if(iMoments>1){sAddHtml=sMakeReservationButtonHtmlInitial+" "+iMoments+" "+oMakeReservationButton.dataset.labelPlural}else if(iMoments===1){sAddHtml=sMakeReservationButtonHtmlInitial+" "+oMakeReservationButton.dataset.labelSingular}else{sAddHtml="Reserveren?"}if(iMoments===iMaxAppointment){oMakeReservationButton.classList.remove("btn-success");oMakeReservationButton.classList.add("btn-warning");disableUnselected()}else if(iMoments<iMaxAppointment){oMakeReservationButton.classList.add("btn-success");oMakeReservationButton.classList.remove("btn-warning");enableUnselected()}oMakeReservationButton.innerHTML=sAddHtml}else{oReservationButtonBar.classList.add("hidden")}}function enableUnselected(){toggleDisabled(false)}function disableUnselected(){toggleDisabled(true)}function countSelectedMoments(){var selectedNotDisabled=document.querySelectorAll('.timeslot-checkbox:not([disabled="disabled"]):checked');console.log("selected not disabled ",selectedNotDisabled.length);var selectedAll=document.querySelectorAll(".timeslot-checkbox:checked");console.log("selected all ",selectedAll.length);return selectedNotDisabled.length}function toggleButtonBarVisibility(){for(let index=0;index<oTimeslotsCollection.length;index++){let checkbox=oTimeslotsCollection[index];if(checkbox.checked&&!checkbox.disabled){console.log("checked",checkbox);buttonBarVisible(true);return}}return buttonBarVisible(false)}function bindCheckboxEventListeners(){for(let index=0;index<oTimeslotsCollection.length;index++){let checkbox=oTimeslotsCollection[index];console.log("bind onchange");checkbox.addEventListener("change",function(){console.log("checkbox change");if(checkbox.checked){buttonBarVisible(true);return}toggleButtonBarVisibility()})}}toggleButtonBarVisibility();bindCheckboxEventListeners();function toggleDisabled(bIsDisabled){available=document.querySelectorAll(".timeslot-checkbox.available");for(i in available){let checkbox=available[i];if(!checkbox.checked){checkbox.disabled=bIsDisabled}}}