<script>
document.addEventListener("DOMContentLoaded", function() {
var zahtjevSelect = document.getElementsByName("form-field-guqjcs")[0];
var vrticSelect = document.getElementsByName("form-field-knppfe")[0];
var specijaliziraniProgramCheckboxes = document.getElementsByName("form-field-rywpct[]");
var specijaliziraneAktivnostiSection = document.getElementById("label-wvhoat").parentElement;
var specijaliziraniProgramSection = document.getElementById("label-rywpct").parentElement;
// Initially hide the sections
specijaliziraneAktivnostiSection.style.display = "none";
specijaliziraniProgramSection.style.display = "none";
// Function to enable/disable checkboxes based on selected options
function updateCheckboxAvailability() {
var zahtjevValue = zahtjevSelect.value;
var vrticValue = vrticSelect.value;
// Show or hide sections based on selected options
var showSections = (zahtjevValue && vrticValue);
specijaliziraneAktivnostiSection.style.display = showSections ? "" : "none";
specijaliziraniProgramSection.style.display = showSections ? "" : "none";
// Disable checkboxes until both zahtjevValue and vrticValue are selected
var disableCheckboxes = !(zahtjevValue && vrticValue);
// Reset checkboxes to enabled/disabled state
for (var i = 0; i < specijaliziraniProgramCheckboxes.length; i++) {
specijaliziraniProgramCheckboxes[i].disabled = disableCheckboxes;
specijaliziraniProgramCheckboxes[i].checked = false; // Uncheck all checkboxes
}
if (vrticValue === "Vrtić Amel") {
specijaliziraniProgramCheckboxes[2].disabled = true;
specijaliziraniProgramCheckboxes[3].disabled = true;
} else if (vrticValue === "Vrtić Nur") {
specijaliziraniProgramCheckboxes[3].disabled = true;
} else if (vrticValue === "Vrtić Vogošća") {
specijaliziraniProgramCheckboxes[1].disabled = true;
} else if (vrticValue === "Vrtić Dobrinja") {
specijaliziraniProgramCheckboxes[3].disabled = true;
}
}
// Add event listener for changes in the select options
zahtjevSelect.addEventListener("change", updateCheckboxAvailability);
vrticSelect.addEventListener("change", function() {
updateCheckboxAvailability();
// Additional logic to clear the checkboxes
for (var i = 0; i < specijaliziraniProgramCheckboxes.length; i++) {
specijaliziraniProgramCheckboxes[i].checked = false;
}
});
// Initial call to updateCheckboxAvailability to set initial state
updateCheckboxAvailability();
});
</script>