{% if debug_autofill %}
<script>
  (function () {
    function pick(arr) {
      return arr[Math.floor(Math.random() * arr.length)];
    }

    // Radios: choose one random option per group.
    const groups = {};
    document.querySelectorAll('input[type="radio"]').forEach(el => {
      if (!el.name) return;
      groups[el.name] = groups[el.name] || [];
      groups[el.name].push(el);
    });
    Object.values(groups).forEach(group => {
      if (!group.length) return;
      pick(group).click();
    });

    // Selects: choose random non-empty option.
    document.querySelectorAll('select').forEach(sel => {
      const options = Array.from(sel.options).filter(o => o.value !== '');
      if (!options.length) return;
      sel.value = pick(options).value;
      sel.dispatchEvent(new Event('change', { bubbles: true }));
    });

    // Numbers: random valid value.
    document.querySelectorAll('input[type="number"]').forEach(inp => {
      const min = inp.min === '' ? 0 : Number(inp.min);
      const max = inp.max === '' ? (min + 10) : Number(inp.max);
      const lo = Number.isFinite(min) ? min : 0;
      const hi = Number.isFinite(max) ? max : lo + 10;
      inp.value = String(Math.floor(Math.random() * (hi - lo + 1)) + lo);
      inp.dispatchEvent(new Event('input', { bubbles: true }));
      inp.dispatchEvent(new Event('change', { bubbles: true }));
    });

    // Text/textarea.
    document.querySelectorAll('input[type="text"], textarea').forEach(el => {
      if (!el.value) {
        el.value = 'debug_' + Math.random().toString(36).slice(2, 8);
      }
      el.dispatchEvent(new Event('input', { bubbles: true }));
      el.dispatchEvent(new Event('change', { bubbles: true }));
    });

    {% if debug_auto_submit %}
    setTimeout(() => {
      const btn = document.querySelector('button.otree-btn-next, button.btn-primary, button[type="submit"]');
      if (btn) btn.click();
    }, 400);
    {% endif %}
  })();
</script>
{% endif %}