bundles/Alea/AreabricksBundle/Resources/views/areas/contact-form2/view.html.twig line 1

Open in your IDE?
  1. <div class="my-60 col-12 col-xl-8 col-xxl-9 offset-0 offset-xl-4 offset-xxl-3" id="contact-form">
  2.     <form action="/{{ app.request.locale }}/form/submit" method="POST" class="contact-form pt-20 needs-validation" enctype="multipart/form-data" novalidate>
  3.         <input type="hidden" name="form_type" value="2"/>
  4.         <input type="hidden" name="form_url" value="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}"/>
  5.         <input type="hidden" name="form_locale" value="{{ app.request.getLocale() }}"/>
  6.         <div class="row gx-md-60 p-0 fs-16">
  7.             <div class="col-md-6 col-12 pb-40">
  8.                 <label for="firstname" class="d-block fw-bold">{{ 'Nome'|trans }} *</label>
  9.                 <input type="text" name="firstname" id="firstname" class="form-control rounded-0 w-100 py-15 border-0 border-bottom border-black bg-transparent" required>
  10.                 <div class="invalid-feedback">{{ 'Questo campo è obbligatorio'|trans|raw }}</div>
  11.             </div>
  12.             <div class="col-md-6 col-12 pb-40">
  13.                 <label for="lastname" class="d-block fw-bold">{{ 'Cognome'|trans }} *</label>
  14.                 <input type="text" name="lastname" id="lastname" class="form-control rounded-0 w-100 py-15 border-0 border-bottom border-black bg-transparent" required>
  15.                 <div class="invalid-feedback">{{ 'Questo campo è obbligatorio'|trans|raw }}</div>
  16.             </div>
  17.         </div>
  18.         <div class="row gx-md-60 p-0 fs-16">
  19.             <div class="col-md-6 col-12 pb-40">
  20.                 <label for="company" class="d-block fw-bold">{{ 'Azienda'|trans }} *</label>
  21.                 <input type="text" name="company" id="company" class="form-control rounded-0 w-100 py-15 border-0 border-bottom border-black bg-transparent" required>
  22.                 <div class="invalid-feedback">{{ 'Questo campo è obbligatorio'|trans|raw }}</div>
  23.             </div>
  24.             <div class="col-md-6 col-12 pb-40">
  25.                 <label for="sector" class="d-block fw-bold">{{ 'Settore'|trans }} *</label>
  26.                 <input type="text" name="sector" id="sector" class="form-control rounded-0 w-100 py-15 border-0 border-bottom border-black bg-transparent" required>
  27.                 <div class="invalid-feedback">{{ 'Questo campo è obbligatorio'|trans|raw }}</div>
  28.             </div>
  29.         </div>
  30.         <div class="row gx-md-60 p-0 fs-16">
  31.             <div class="col-md-6 col-12 pb-40">
  32.                 <label for="city" class="d-block fw-bold">{{ 'Città'|trans }} *</label>
  33.                 <input type="text" name="city" id="city" class="form-control rounded-0 w-100 py-15 border-0 border-bottom border-black bg-transparent" required>
  34.                 <div class="invalid-feedback">{{ 'Questo campo è obbligatorio'|trans|raw }}</div>
  35.             </div>
  36.             <div class="col-md-6 col-12 pb-40">
  37.                 <label for="country" class="d-block fw-bold">{{ 'Nazione'|trans }} *</label>
  38.                 <input type="text" name="country" id="country" class="form-control rounded-0 w-100 py-15 border-0 border-bottom border-black bg-transparent" required>
  39.                 <div class="invalid-feedback">{{ 'Questo campo è obbligatorio'|trans|raw }}</div>
  40.             </div>
  41.         </div>
  42.         <div class="row gx-md-60 p-0 fs-16">
  43.             <div class="col-md-6 col-12 pb-40">
  44.                 <label for="email" class="d-block fw-bold">{{ 'Email'|trans }} *</label>
  45.                 <input type="email" name="email" id="email" class="form-control rounded-0 w-100 py-15 border-0 border-bottom border-black bg-transparent" required>
  46.                 <div class="invalid-feedback">{{ 'Questo campo è obbligatorio'|trans|raw }}</div>
  47.             </div>
  48.             <div class="col-md-6 col-12 pb-40">
  49.                 <label for="website" class="d-block fw-bold">{{ 'Sito internet'|trans }}</label>
  50.                 <input type="text" name="website" id="website" class="form-control rounded-0 w-100 py-15 border-0 border-bottom border-black bg-transparent" >
  51.             </div>
  52.         </div>
  53.         <div class="row gx-md-60 p-0 fs-16">
  54.             <div class="col-md-6 col-12 pb-40">
  55.                 <label for="phone" class="d-block fw-bold">{{ 'Telefono'|trans }}</label>
  56.                 <input type="text" name="phone" id="phone" class="form-control rounded-0 w-100 py-15 border-0 border-bottom border-black bg-transparent">
  57.             </div>
  58.             <div class="col-md-6 col-12 pb-40">
  59.                 <label for="attach" class="d-block fw-bold">{{ 'Allegato'|trans }}</label>
  60.                 <input type="file" name="attach" id="attach" class="form-control form-control-lg form-control-plaintext rounded-0 w-100 py-15 border-0 border-bottom border-black bg-transparent" >
  61.             </div>
  62.         </div>
  63.         <div class="row p-0 fs-16">
  64.             <div class="col-12">
  65.                 <label for="phone" class="d-block fw-bold">{{ 'Messaggio'|trans }} *</label>
  66.                 <textarea name="message" id="message" rows="10" class="form-control rounded-0 w-100 py-15 border-0 border-bottom border-black bg-transparent" required></textarea>
  67.                 <div class="invalid-feedback">{{ 'Questo campo è obbligatorio'|trans|raw }}</div>
  68.             </div>
  69.         </div>
  70.         <div class="row p-0 fs-16">
  71.             <div class="col-12 py-20 d-flex gap-10 align-items-md-center">
  72.                 <div class="g-recaptcha" data-sitekey="6LeM24opAAAAAK_Ggfzir7_UCrKhGaxnYOAAeo16"></div>
  73.             </div>
  74.         </div>
  75.         <div class="row p-0 fs-16">
  76.             <div class="col-12 py-20 d-flex gap-10 align-items-md-center">
  77.                 <input class="form-check-input" type="checkbox" value="" id="defaultCheck1" required>
  78.                 <label class="form-check-label w-100 w-md-75" for="defaultCheck1">
  79.                     {{ 'Dopo aver preso visione della presente <a href="#" target="_blank" class="link">informativa sulla privacy</a>, acconsento al trattamento dei dati personali comunicati.*'|trans|raw }}
  80.                 </label>
  81.             </div>
  82.         </div>
  83.         <div class="row p-0 fs-16">
  84.             <div class="col-12 py-20 text-end">
  85.                 <div class="submit d-inline-flex align-items-center">
  86.                     <input type="submit" value="{{ 'Invia'|trans }}" class="fs-20 fw-bold bg-transparent border-0"> <i class="fa-solid fa-arrow-right-long"></i>
  87.                 </div>
  88.             </div>
  89.         </div>
  90.     </form>
  92. </div>
  94. <script>
  95. (() => {
  96.   'use strict';
  97.   const forms = document.querySelectorAll('.needs-validation');
  98.   Array.from(forms).forEach(form => {
  99.     form.addEventListener('submit', event => {
  100.       if (!form.checkValidity() || grecaptcha.getResponse() === '') {
  101.         event.preventDefault();
  102.         event.stopPropagation();
  103.       }
  104.       form.classList.add('was-validated');
  105.     }, false);
  106.   });
  107. })();
  108. </script>
  109. <script src='https://www.google.com/recaptcha/api.js'></script>