From 0f890273647f617eb50823fb9e6727ad14b4b382 Mon Sep 17 00:00:00 2001
From: bernardhanna <bernard@matrixinternet.ie>
Date: Tue, 15 Jul 2025 13:06:40 +0100
Subject: [PATCH] contact us fix recapthca

---
 resources/views/static/contact-us.blade.php | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/resources/views/static/contact-us.blade.php b/resources/views/static/contact-us.blade.php
index c4dcd5284..7fcb941bb 100644
--- a/resources/views/static/contact-us.blade.php
+++ b/resources/views/static/contact-us.blade.php
@@ -189,8 +189,7 @@ class="flex gap-2 items-center px-8 py-4 text-base font-semibold leading-7 text-
                 </form>
             </div>
         </div>
-
-<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
+<script src="https://challenges.cloudflare.com/turnstile/v0/api.js?onload=turnstileCallback" async defer></script>
 
 <script>
     document.addEventListener('DOMContentLoaded', function () {
@@ -209,7 +208,8 @@ function validateForm() {
                 }
             });
 
-            allValid = allValid && captchaInput.value;
+            // Also require CAPTCHA token
+            if (!captchaInput.value) allValid = false;
 
             submitButton.disabled = !allValid;
             submitButton.classList.toggle('bg-primary', allValid);
@@ -221,20 +221,23 @@ function validateForm() {
             submitButton.classList.toggle('text-black', allValid);
         }
 
+        // Watch for form input changes
         form.addEventListener('input', validateForm);
         form.addEventListener('change', validateForm);
 
+        // Turnstile will call this once rendered
         window.turnstileCallback = function () {
             turnstile.render('.cf-turnstile', {
                 sitekey: '{{ env('TURNSTILE_SITEKEY') }}',
                 callback: function (token) {
                     captchaInput.value = token;
-                    validateForm();
+                    validateForm(); // ensure button re-validates once CAPTCHA succeeds
                 }
             });
         };
     });
 </script>
+
         </div>
     </section>
     </section>