chg: usr: replace Google ReCaptcha with Cap instance #13

templates/Official/contact.html.twig

@@ -37,6 +37,12 @@
       </p>
 
       <div class="auth-card" style="max-width: 600px; margin: 0 auto;">
+        <div class="auth-title-row">
+          <h2 class="auth-title">Contact Form</h2>
+          <span class="auth-cap-badge"><i class="fas fa-shield-halved"></i> Protected by Cap</span>
+        </div>
+        <p class="auth-sub">Your message is protected by automated abuse checks.</p>
+        <div data-cap-api-endpoint="{{ cap_api_endpoint }}" style="display: none;" aria-hidden="true"></div>
         {{ form_start(form, {attr: {class: 'auth-form'}}) }}
 
         <div class="auth-field">
@@ -127,10 +133,5 @@
 
 {% block javascripts %}
   {{ parent() }}
-  <script src="https://www.google.com/recaptcha/api.js?render={{ recaptcha_site_key }}" async defer></script>
-  {{ vite_entry_script_tags('contact', { dependency: 'react' }) }}
-  <div id="contact-form-wrapper"
-       data-site-key="{{ recaptcha_site_key }}"
-       data-recaptcha-field-id="{{ form.recaptcha.vars.id }}">
-  </div>
+  {{ vite_entry_script_tags('cap') }}
 {% endblock %}