From 193d0331af89d3a891f0e5c2b013a7c5cbecf0ef Mon Sep 17 00:00:00 2001
From: Kobe Cuppens <kobe@what.digital>
Date: Mon, 25 Mar 2024 13:25:52 +0400
Subject: [PATCH] imp: open accordion on errors

---
 aldryn_forms/templates/aldryn_forms/form.html | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/aldryn_forms/templates/aldryn_forms/form.html b/aldryn_forms/templates/aldryn_forms/form.html
index 4cc9c0ce..3a76630e 100644
--- a/aldryn_forms/templates/aldryn_forms/form.html
+++ b/aldryn_forms/templates/aldryn_forms/form.html
@@ -70,3 +70,34 @@
         </script>
     {% endaddtoblock %}
 {% endif %}
+<script>
+    (function() {
+        const form = document.querySelector('#cms-form');
+        const isInsideAccordion = form.querySelector('.accordion') !== null;
+        if (isInsideAccordion) {
+            document.querySelector('#cms-form [type="submit"]').addEventListener('click', (event) => {          
+                let isValid = true;
+                const fields = form.querySelectorAll('input');
+                fields.forEach(field => {
+                    if (!field.validity.valid || field.classList.contains('is-invalid')) {
+                        isValid = false;
+                        const accordionItem = field.closest('.accordion-item');
+                        if (accordionItem) {
+                            const collapseElement = accordionItem.querySelector('.collapse');
+                            if (collapseElement && !collapseElement.classList.contains('show')) {
+                                $(collapseElement).collapse('show');
+                            }
+                        }
+                        field.focus();
+                    }
+                });
+        
+                if (isValid) {
+                    console.log('Form is valid. Submitting...');
+                } else {
+                    event.preventDefault();
+                }
+            });
+        }
+    })();
+</script>
\ No newline at end of file