templates/pages/blocks/sub-blocks/project-form.html.twig line 1

Open in your IDE?
  1. {# <form id="" class="{{class}} fade" action="{{ path }}" method="{{method}}" enctype="multipart/form-data"> #}
  2.     {% for item in snippets %}
  3.         {% for form in item.form %}
  4.             {% for row in form.field %}
  5.                 
  8.                 {{ include('pages/blocks/form/' ~ row.type ~ '.html.twig', {
  9.                     content : row,
  10.                     index : loop.index
  11.                 }) }}
  16.             {% endfor %}
  17.         {% endfor %}
  18.     {% endfor %}
  19.     <input type="hidden" name="recaptchakey" value="6LfHlxIrAAAAAHU0zZg_LH6kRtAYpqWqv_gzVdsU">
  20.     <input id="recaptchaResponse" type="hidden" name="g-recaptcha-response"/>
  21.     <input type="hidden" name="referer" value="{{app.request.uri}}"/>
  22.     <input type="hidden" name="email-from" value="{{snippets ? snippets[0].submition_from : '' }}"/>
  23.     <input type="hidden" name="email-to" value="{{snippets ? snippets[0].submition_to : '' }}"/>
  24.     <input type="hidden" name="email-subject" value="{{snippets ? snippets[0].submition_subject : '' }}"/>
  25. {# </form> #}
  27. <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  28. <script>
  29. $(document).ready(function() {
  30.     var recaptchaKey = $('input[name="recaptchakey"]').val();
  31.     var successMessage = `{% if content.snippets %}{{content.snippets[0].submition_message|raw}}{% endif %}`;
  32.     var errorMessage = `{% if content.snippets %}{{content.snippets[0].error_message|raw}}{% endif %}`;
  33.     
  34.     if (recaptchaKey) {
  35.         grecaptcha.ready(function() {
  36.             grecaptcha.execute(recaptchaKey, {
  37.                 action: "form_post"
  38.             }).then(function(token) {
  39.                 let recaptchaResponse = document.getElementById("recaptchaResponse");
  40.                 recaptchaResponse.value = token;
  41.                 
  42.                 // Submit the form via AJAX
  43.                 $('#message-response').on('submit', function(e) {
  44.                     e.preventDefault();
  45.                     $.ajax({
  46.                         type: 'POST',
  47.                         url: '/mail/send',
  48.                         data: $(this).serialize(),
  49.                         success: function(response) {
  50.                            
  51.                             let alertBox = $('#alert');
  52.                             let alertMessage = $('#alert-message');
  53.                             // Reset classes and hide the alert box initially
  54.                             alertBox.removeClass('success error').addClass('hidden');
  55.                             if (response.redirect) {
  56.                                 window.location.href = response.redirect;
  57.                             } else if (response.success) {
  58.                                 alertBox.addClass('success').removeClass('hidden');
  59.                                 var displayMessage = (successMessage && successMessage != '') ? successMessage : response.success;
  60.                                 alertBox.html(displayMessage);
  61.                                 // Clear the form inputs
  62.                                 $('#message-response')[0].reset();
  63.                             } else if (response.error) {
  64.                                 alertBox.addClass('error').removeClass('hidden');
  65.                                   var displayError = (errorMessage && errorMessage != '') ? errorMessage : response.error;
  66.                                  alertBox.html(displayError);
  67.                             }
  68.                         },
  69.                         error: function(error) {
  70.                             console.error('Error:', error);
  71.                             let alertBox = $('#alert');
  72.                             let alertMessage = $('#alert-message');
  73.                             alertBox.removeClass('success').addClass('error').removeClass('hidden');
  74.                              var displayError = (errorMessage && errorMessage != '') ? errorMessage : response.error;
  75.                             alertBox.html(displayError);
  76.                         }
  77.                     });
  78.                 });
  79.             });
  80.         });
  81.     } else {
  82.         console.error('reCAPTCHA key not found');
  83.     }
  84. });
  85. </script>
  86. <script src="https://www.google.com/recaptcha/api.js?render=6LfHlxIrAAAAAHU0zZg_LH6kRtAYpqWqv_gzVdsU"></script>