templates/areas/formular/contact.html.twig line 1

Open in your IDE?
  2. {{ form_start(form, {'attr': {'class': 'js-custom-form'}}) }}
  3.   <div class="e-form__border">
  4.     <legend class="e-h5">Ihre Nachricht:</legend>
  5.     <div class="row">
  6.       <div class="col-12 col-md-6 col-lg-4 pe-4 d-flex align-items-center border-b">
  7.         {{ form_label(form.subject) }}
  8.       </div>
  9.       <div class="col-12 col-md-6 col-lg-8 border-b">
  10.         {{ form_widget(form.subject) }}
  11.       </div>
  12.     </div>
  13.     <div class="row">
  14.       <div class="col-12 col-md-6 col-lg-4 pe-4 d-flex align-items-center border-b">
  15.         {{ form_label(form.origin) }}
  16.       </div>
  17.       <div class="col-12 col-md-6 col-lg-8 border-b">
  18.         {{ form_widget(form.origin) }}
  19.       </div>
  20.     </div>
  21.     <div class="row">
  22.       <div class="col-12 col-md-6 col-lg-4 pe-4 d-flex align-items-start border-b">
  23.         {{ form_label(form.message) }}
  24.       </div>
  25.       <div class="col-12 col-md-6 col-lg-8 border-b">
  26.         {{ form_widget(form.message) }}
  27.       </div>
  28.     </div>
  29.     <div class="row">
  30.       <div class="col-12 col-md-6 col-lg-4 pe-4 d-flex align-items-center">
  31.         {{ form_label(form.vermitlknummber) }}
  32.       </div>
  33.       <div class="col-12 col-md-6 col-lg-8">
  34.         {{ form_widget(form.vermitlknummber) }}
  35.       </div>
  36.     </div>
  37.     <legend class="e-h5">Kontaktaufnahme</legend>
  38.     <div class="row">
  39.       <div class="col-12 col-md-6 col-lg-4 pe-4 d-flex align-items-start">
  40.         {{ form_label(form.contactme) }}
  41.       </div>
  42.       <div class="col-12 col-md-6 col-lg-8 pb-4">
  43.         <div class="check-wrapper">
  44.           {{ form_widget(form.contactme) }}
  45.         </div>
  46.       </div>
  47.     </div>
  48.     <legend class="e-h5">Angaben zu Ihrer Person:</legend>
  49.     <div class="row">
  50.       <div class="col-12 col-md-6 col-lg-4 pe-4 d-flex align-items-center border-b">
  51.         {{ form_label(form.salutation) }}
  52.       </div>
  53.       <div class="col-12 col-md-6 col-lg-8 border-b">
  54.         {{ form_widget(form.salutation) }}
  55.       </div>
  56.     </div>
  57.     <div class="row">
  58.       <div class="col-12 col-md-6 col-lg-4 pe-4 d-flex align-items-center border-b">
  59.         {{ form_label(form.firstname) }}
  60.       </div>
  61.       <div class="col-12 col-md-6 col-lg-8 border-b">
  62.         {{ form_widget(form.firstname) }}
  63.       </div>
  64.     </div>
  65.     <div class="row">
  66.       <div class="col-12 col-md-6 col-lg-4 pe-4 d-flex align-items-center border-b">
  67.         {{ form_label(form.lastname) }}
  68.       </div>
  69.       <div class="col-12 col-md-6 col-lg-8 border-b">
  70.         {{ form_widget(form.lastname) }}
  71.       </div>
  72.     </div>
  73.     <div class="row">
  74.       <div class="col-12 col-md-6 col-lg-4 pe-4 d-flex align-items-center border-b">
  75.         {{ form_label(form.company) }}
  76.       </div>
  77.       <div class="col-12 col-md-6 col-lg-8 border-b">
  78.         {{ form_widget(form.company) }}
  79.       </div>
  80.     </div>
  81.     <div class="row">
  82.       <div class="col-12 col-md-6 col-lg-4 pe-4 d-flex align-items-center border-b">
  83.         {{ form_label(form.phone) }}
  84.       </div>
  85.       <div class="col-12 col-md-6 col-lg-8 border-b">
  86.         {{ form_widget(form.phone) }}
  87.       </div>
  88.     </div>
  89.     <div class="row">
  90.       <div class="col-12 col-md-6 col-lg-4 pe-4 d-flex align-items-center border-b">
  91.         {{ form_label(form.email) }}
  92.       </div>
  93.       <div class="col-12 col-md-6 col-lg-8 border-b">
  94.         {{ form_widget(form.email) }}
  95.       </div>
  96.     </div>
  97.     <div class="row">
  98.       <div class="col-12 col-md-6 col-lg-4 pe-4 d-flex align-items-center">
  99.         {{ form_label(form.policynumber) }}
  100.       </div>
  101.       <div class="col-12 col-md-6 col-lg-8">
  102.         {{ form_widget(form.policynumber) }}
  103.       </div>
  104.     </div>
  105.     {% if form.newsletterselect is defined %}
  106.     <legend class="e-h5">Ich interessiere mich für folgende Newsletter</legend>
  107.     <div class="row">
  108.       <div class="col-12 col-md-6 col-lg-4 pe-4 d-flex align-items-center">
  109.         {{ form_label(form.newsletterselect) }}
  110.       </div>
  111.       <div class="col-12 col-md-6 col-lg-8">
  112.         {{ form_widget(form.newsletterselect) }}
  113.       </div>
  114.     </div>
  115.     {% endif %}
  116.     <legend class="e-h5">Datenschutz</legend>
  117.     <div class="row">
  118.       <div class="col-12 col-md-6 col-lg-4 pe-4 d-flex align-items-center">
  119.         <label>Zustimmung *</label>
  120.       </div>
  121.       <div class="col-12 col-md-6 col-lg-8">
  122.         <div class="check-wrapper">
  123.           {{ form_widget(form.privacy) }}
  124.           <label for="privacy" class="required">
  125.             {{form.privacy.vars.label | trans | raw}}
  126.           </label>
  127.         </div>
  128.       </div>
  129.     </div>
  130.   </div>
  132. <div>{{ form_widget(form.submit) }}</div>
  133. {{ form_end(form) }}