// ComprehensionCheck: highlight the chosen option and keep Next disabled
// until every question has an answer. Mirrors the pattern in
// studies/19-dnd/software/dealnodeal/ComprehensionCheck.html.

(function () {
    var names = ['comprehension_budget'];
    var nextBtn = document.querySelector('.otree-btn-next');
    if (nextBtn) nextBtn.disabled = true;

    function checkReady() {
        var allAnswered = names.every(function (name) {
            return document.querySelector('input[name="' + name + '"]:checked');
        });
        if (nextBtn) nextBtn.disabled = !allAnswered;
    }

    document.querySelectorAll('.cq-option').forEach(function (label) {
        label.addEventListener('click', function () {
            var group = label.closest('.cq-options');
            group.querySelectorAll('.cq-option').forEach(function (l) {
                l.classList.remove('selected');
            });
            label.classList.add('selected');
            var input = label.querySelector('input[type="radio"]');
            if (input) input.checked = true;
            checkReady();
        });
    });

    checkReady();
})();