function toggleTextarea(nodeList, textarea) {
  nodeList.forEach(function(radio) {
    radio.addEventListener('click', function() {
      radio.value.toLowerCase() == "yes" ? textarea.classList.remove('dn') : textarea.classList.add('dn');
    });
  });
}

document.addEventListener('DOMContentLoaded', function() {
  // Toggle navigation on mobile
  var navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);

  if (navbarBurgers.length > 0) {
    navbarBurgers.forEach(function(el) {
      el.addEventListener('click', function() {
        var targetEl = el.dataset.target;
        var target = document.getElementById(targetEl);

        el.classList.toggle('is-active');
        target.classList.toggle('is-active');
      });
    });
  }

  // Check inputs for validity
  var inputs = document.querySelectorAll('input');

  if (inputs) {
    inputs.forEach(function(input) {
      input.addEventListener('invalid', function() {
        input.classList.add('invalid');
      });

      input.addEventListener('input', function() {
        if (input.validity.valid) {
          input.classList.remove('invalid');
          input.classList.add('valid');
        } else {
          input.classList.remove('valid');
        }
      });
    });
  }

  // Toggle textarea visibility when specific radio inputs are checked
  var radioHumble = document.getElementsByName('custom_fields[humble_enough]');
  var radioHelp = document.getElementsByName('custom_fields[will_offer_help]');
  var textareaHumble = document.querySelector('[data-toggle="humble"]');
  var textareaHelp = document.querySelector('[data-toggle="help"]');

  if (radioHumble) {
    toggleTextarea(radioHumble, textareaHumble);
  }

  if (radioHelp) {
    toggleTextarea(radioHelp, textareaHelp);
  }
});