<script>
document.addEventListener("DOMContentLoaded", function(e) {
	const quizSlides = document.querySelectorAll("#choose-septic-quiz .b-slider__slide");

	[...quizSlides].forEach(quizSlide => {
		let nextArrowBtn = quizSlide.querySelector(".b-slider_btn-quiz-right");
		nextArrowBtn.classList.add("disabled-button");

		let checkBoxes = quizSlide.querySelectorAll("input[type='radio']");
		let selectInputs = quizSlide.querySelectorAll("select");
		console.log("checkBoxes", checkBoxes);

		[...checkBoxes].forEach(checkbox => checkbox.addEventListener("change", enableNextArrow));
		[...selectInputs].forEach(select => select.addEventListener("change", enableNextArrow));

		function enableNextArrow(event) {
			nextArrowBtn.classList.remove("disabled-button");
		}
	})
});
</script>