templates/vitrine/components/elements/collections/form.html.twig line 1

Open in your IDE?
  1. <div class="panel max-w-750px mx-auto">
  2.     {{ form_start(form, {'attr': {
  3.         'class': 'vstack gap-2 p-3 sm:p-6 xl:p-8 bg-secondary-300 text-gray-900 dark:bg-tertiary-700 dark:bg-gradient-45 from-tertiary to-transparent dark:text-white rounded-2 lg:rounded-3 border border-dark dark:border-white dark:border-opacity-15'
  4.     }}) }}
  6.     {% for flashMessage in app.session.flashbag.get('success') %}
  7.         <div style="text-align: center; font-size:20px; padding:10px; border:1px solid white; border-radius: 10px; margin-bottom:30px;">{{ flashMessage }}</div>
  8.     {% endfor %}
  10.     {% for flashMessage in app.session.flashbag.get('error') %}
  11.         <div style="text-align: center; font-size:20px; padding:10px; border:1px solid #ff6b6b; color:#ff6b6b; border-radius: 10px; margin-bottom:30px;">{{ flashMessage }}</div>
  12.     {% endfor %}
  14.     <div class="row child-cols-12 md:child-cols-6 g-2">
  15.         <div>
  16.             {{ form_widget(form.name, {'attr': {
  17.                 'class': 'form-control h-48px w-full bg-white text-dark',
  18.                 'placeholder': "Name"|translateLocale(arrayTranslate)
  19.             }}) }}
  20.         </div>
  21.         <div>
  22.             {{ form_widget(form.lastname, {'attr': {
  23.                 'class': 'form-control h-48px w-full bg-white text-dark',
  24.                 'placeholder': "Lastname"|translateLocale(arrayTranslate)
  25.             }}) }}
  26.         </div>
  27.     </div>
  29.     <div class="row child-cols-12 md:child-cols-6 g-2">
  30.         <div>
  31.             {{ form_widget(form.enterprise, {'attr': {
  32.                 'class': 'form-control h-48px w-full bg-white text-dark',
  33.                 'placeholder': "Enterprise"|translateLocale(arrayTranslate)
  34.             }}) }}
  35.         </div>
  36.         <div>
  37.             {{ form_widget(form.email, {'attr': {
  38.                 'class': 'form-control h-48px w-full bg-white text-dark',
  39.                 'placeholder': "Email"|translateLocale(arrayTranslate)
  40.             }}) }}
  41.         </div>
  42.     </div>
  44.     {{ form_widget(form.phone, {'attr': {
  45.         'class': 'form-control h-48px w-full bg-white text-dark',
  46.         'placeholder': "Phone"|translateLocale(arrayTranslate)
  47.     }}) }}
  49.     {{ form_widget(form.message, {'attr': {
  50.         'class': 'form-control min-h-150px w-full bg-white text-dark',
  51.         'placeholder': "Message"|translateLocale(arrayTranslate)
  52.     }}) }}
  54.     {# Honeypot antispam #}
  55.     <div class="hp-wrap" aria-hidden="true">
  56.         {{ form_widget(form.website) }}
  57.     </div>
  59.     {# reCAPTCHA v2 (optionnel via RECAPTCHA_ENABLED) #}
  60.     {% if recaptcha_enabled %}
  61.         <div class="g-recaptcha mt-2" data-sitekey="{{ recaptcha_site_key }}"></div>
  62.     {% endif %}
  64.     <button class="btn btn-secondary btn-md text-white mt-2" style="background-color: #212121 !important;" type="submit">
  65.         {{ "Submit Request"|translateLocale(arrayTranslate) }}
  66.     </button>
  68.     {{ form_rest(form) }}
  69.     {{ form_end(form) }}
  70. </div>
  72. <style>
  73.     .hp-wrap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
  74. </style>