templates/includes/kontakt-formular.html.twig line 1

Open in your IDE?
  1. <div class="popup mb-5">
  2.     <form method="post">
  3.         <button type="submit" class="d-none"></button>
  4.     <div class="row">
  5.         <div class="col-md-6 order-1 order-md-0">
  6.             <div class="mt-3">
  7.                 <label for="name">{{ "Name"|trans }}*</label>
  8.                 <input required type="text" id="name" name="name">
  9.             </div>
  11.             <div class="mt-3">
  12.                 <label for="email">{{ "E-Mail"|trans }}*</label>
  13.                 <input required type="email" id="email" name="email">
  14.             </div>
  16.             <div class="row">
  17.                 <div class="col-md-5">
  18.                     <div class="mt-3">
  19.                         <label for="plz">{{ "Postleitzahl"|trans }}</label>
  20.                         <input type="text" id="plz" name="plz">
  21.                     </div>
  22.                 </div>
  23.                 <div class="col-md-7">
  24.                     <div class="mt-3">
  25.                         <label for="city">{{ "Ort"|trans }}</label>
  26.                         <input type="text" id="city" name="city">
  27.                     </div>
  28.                 </div>
  29.             </div>
  31.             <div class="row">
  32.                 <div class="col-md-8">
  33.                     <div class="mt-3">
  34.                         <label for="street">{{ "Straße"|trans }}</label>
  35.                         <input type="text" id="street" name="street">
  36.                     </div>
  37.                 </div>
  38.                 <div class="col-md-4">
  39.                     <div class="mt-3">
  40.                         <label for="street_nr">{{ "Hausnummer"|trans }}</label>
  41.                         <input type="text" id="street_nr" name="street_nr">
  42.                     </div>
  43.                 </div>
  44.             </div>
  46.             <div class="mt-3">
  47.                 <label for="phone">{{ "Telefon"|trans }}</label>
  48.                 <input type="text" id="phone" name="phone">
  49.             </div>
  51.             <div class="mt-3">
  52.                 <label for="notes">{{ "Anfrage"|trans }} *</label>
  53.                 <textarea required type="text" id="notes" name="notes" rows="6"></textarea>
  54.             </div>
  55.             <div class=" w-100">
  56.                 <a href="javascript:void(0)" class="btn btn-default arrow grey mt-5 w-100 send-request">
  57.                     {{ "Absenden"|trans }}
  58.                 </a>
  59.             </div>
  60.         </div>
  62.         <div class="col-md-6 order-0 order-md-1">
  63.             <div class="mt-md-3">
  64.                 <label for="">{{ "Ansprechpartner"|trans }}*</label>
  65.                 <input type="hidden" name="ansprechpartner" id="ansprechpartner_input" value="Germany South">
  66.                 <ul class="country-select">
  67.                     <li><span>Germany South</span>
  68.                         <ul style="display: none;">
  69.                             <li class="">Asia</li>
  70.                             <li class="">Austria</li>
  71.                             <li class="">Belgien - Flandern</li>
  72.                             <li class="">Belgien - Wallonien</li>
  73.                             <li class="">Bosnia-Herzegovina</li>
  74.                             <li class="">Croatia</li>
  75.                             <li class="">Czech Republic</li>
  76.                             <li class="">Denmark</li>
  77.                             <li class="">Finland</li>
  78.                             <li class="">France</li>
  79.                             <li class="">Germany North-East</li>
  80.                             <li class="">Germany North-West</li>
  81.                             <li class="">Germany South</li>
  82.                             <li class="">Great Britain</li>
  83.                             <li class="">Hungary</li>
  84.                             <li class="">Italy</li>
  85.                             <li class="">Kosovo</li>
  86.                             <li class="">Latvia</li>
  87.                             <li class="">Lithuania</li>
  88.                             <li class="">Luxemburg</li>
  89.                             <li class="">Macedonia</li>
  90.                             <li class="">Montenegro</li>
  91.                             <li class="">Netherlands</li>
  92.                             <li class="">Norway</li>
  93.                             <li class="">Poland</li>
  94.                             <li class="">Portugal</li>
  95.                             <li class="">Romania</li>
  96.                             <li class="">Serbia</li>
  97.                             <li class="">Slovakia</li>
  98.                             <li class="">Slovenia</li>
  99.                             <li class="">South Africa</li>
  100.                             <li class="">Spain</li>
  101.                             <li class="">Sweden</li>
  102.                             <li class="">Switzerland</li>
  103.                             <li class="">Turkey</li>
  104.                             <li class="">Ukraine</li>
  105.                         </ul>
  106.                     </li>
  107.                 </ul>
  110.                 <div class="mb-3 mb-md-0 ansprechpartner-container">
  113.                     {% for c,tmp in countries %}
  116.                     {% for machineType,a in tmp %}
  119.                     <div class="ansprechpartner" data-country="{{ c }}" style="display: none;">
  122.                         <div class="row">
  123.                             {% for ap in a %}
  125.                             <div class="{% if ap.getCountryImage() != null  %}col-7{% else %}col-12{% endif %}">
  128.                                 <b>{% if machineType == "cutting" %}{{ "Stanzmaschinen"|trans }}{% elseif machineType == "shoes" %}{{ "Schuhmaschinen"|trans }}{% elseif machineType == "mold" %}{{ "Siebwerkstatt"|trans }}{% endif %}</b>
  129.                                 <br>
  130.                                 <br>
  131.                                 {{ ap.getTitel() }}
  133.                                 {% if ap.getCompany() %}
  134.                                 <br/>
  135.                                 {{ ap.getCompany() }}
  136.                                 {% endif %}
  138.                                 <br/><br/>
  140.                                 {% if ap.getPhone() %}
  141.                                     <div class="contact-phone"><a href="tel:{{ ap.getPhone() }}">{{ ap.getPhone() }}</a></div>
  142.                                 {% endif %}
  144.                                 {% if ap.getFax() %}
  145.                                     <div class="contact-fax"><a href="tel:{{ ap.getFax() }}">{{ ap.getFax() }}</a></div>
  146.                                 {% endif %}
  148.                                 {% if ap.getEmail() %}
  149.                                     <div class="contact-email">
  150.                                         <a href="mailto:{{ ap.getEmail() }}">{{ "E-Mail senden"|trans }}</a>
  151.                                     </div>
  152.                                 {% endif %}
  154.                                 {% if ap.getWeb() %}
  155.                                 <div class="contact-web mt-3">
  156.                                     <a href="http://{{ ap.getWeb() }}" target="_blank">{{ ap.getWeb() }}</a>
  157.                                 </div>
  158.                                 {% endif %}
  161.                             </div>
  163.                             {% if ap.getCountryImage() != null %}
  166.                             <div class="col-5">
  167.                                 <a href="{{ ap.getCountryImage().getThumbnail("default") }}" data-fancybox="">
  168.                                 <img class="no-border mw-150" src="{{ ap.getCountryImage().getThumbnail("default")  }}"/></a>
  169.                             </div>
  171.                             {% endif %}
  173.                             {% endfor %}
  175.                         </div>
  178.                     </div>
  181.                     {% endfor %}
  182.                     {% endfor %}
  183.                 </div>
  186.             </div>
  187.         </div>
  189.     </div>
  190.     </form>
  192.     <div class="message" style="display: none; font-weight: 500"></div>
  193. </div>