From 3e205a5c9640c0efba2d859abf1b376efc3dee85 Mon Sep 17 00:00:00 2001
From: popovskik <aleksandar.popovski@proxify.io>
Date: Thu, 27 Aug 2026 15:38:03 +0200
Subject: [PATCH] fix(mss-2026 form): hide study plans for parents and "other"

Parents and "other" registrants will not be studying, so the "Your study
plans" section is now hidden for those roles. Gating is driven by the role
<select>; validate()/collect() skip any field inside a hidden container, so
the study fields are neither required nor submitted for those roles. Students
(future/current) are unchanged: the section stays visible and required.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 css/pages/_event.css |  3 ++-
 event-register.js    | 16 +++++++++++++++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/css/pages/_event.css b/css/pages/_event.css
index 2861c325..d5571f7d 100644
--- a/css/pages/_event.css
+++ b/css/pages/_event.css
@@ -151,8 +151,9 @@
 .msreg .ms-field { min-width: 0; }
 .msreg .ms-field select, .msreg .ms-field input { max-width: 100%; }
 
-/* "study plans" block (always visible, required) */
+/* "study plans" block (shown for students; hidden for parents / "other") */
 .msreg .ev-plans { margin-top: 24px; border: 1px solid #EAECF0; border-radius: 12px; background: #FBFCFD; padding: 4px 18px 20px; }
+.msreg .ev-plans[hidden] { display: none; }
 .msreg .ev-plans-title { font-size: 16px; font-weight: 700; color: #101828; margin: 16px 0 2px; }
 .msreg .ev-plans-lead { font-size: 13px; color: #98A2B3; margin: 0 0 6px; }
 .msreg .ev-subhead { font-size: 13px; font-weight: 700; color: #98A2B3; text-transform: uppercase; letter-spacing: 0.05em; margin: 20px 0 10px; }
diff --git a/event-register.js b/event-register.js
index 46f773fc..3ee57b98 100644
--- a/event-register.js
+++ b/event-register.js
@@ -61,6 +61,19 @@
         });
     });
 
+    /* ---- role gate: parents and "other" won't study, so hide the study-plans block ---- */
+    (function () {
+        var roleSel = form.querySelector('select[data-name="role"]');
+        var plans = form.querySelector('.ev-plans');
+        if (!roleSel || !plans) return;
+        function syncPlans() {
+            var r = roleSel.value;
+            plans.hidden = (r === 'parent' || r === 'other');
+        }
+        roleSel.addEventListener('change', syncPlans);
+        syncPlans();
+    })();
+
     /* ---- multi-select chip groups, if any (kept for compatibility) ---- */
     [].slice.call(form.querySelectorAll('.ms-multi')).forEach(function (group) {
         [].slice.call(group.querySelectorAll('.ms-chip')).forEach(function (chip) {
@@ -82,6 +95,7 @@
     function validate() {
         var ok = true;
         [].slice.call(form.querySelectorAll('[data-required="1"]')).forEach(function (el) {
+            if (el.closest('[hidden]')) return;   // fields hidden by conditional logic aren't required
             if (el.classList.contains('ms-radios')) { if (!el.querySelector('.ms-radio.is-selected')) ok = false; }
             else if (el.classList.contains('ms-multi')) { if (!el.querySelector('.ms-chip.is-selected')) ok = false; }
             else if (el.type === 'checkbox') { if (!el.checked) ok = false; }
@@ -95,7 +109,7 @@
         var d = {};
         [].slice.call(form.querySelectorAll('[data-name]')).forEach(function (el) {
             var name = el.getAttribute('data-name');
-            if (el.closest('.ev-cond') && el.closest('.ev-cond').hidden) return;   // skip hidden "Other" field
+            if (el.closest('[hidden]')) return;   // skip fields in hidden sections (conditional "Other", study plans for parents/others)
             if (el.classList.contains('ms-radios')) { var v = radioValue(name); if (v) d[name] = v; }
             else if (el.classList.contains('ms-multi')) {
                 var sel = [].slice.call(el.querySelectorAll('.ms-chip.is-selected')).map(function (c) { return c.getAttribute('data-value'); });