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

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