templates/home/contact.html.twig line 1

Open in your IDE?
  1. {% extends baseTemplateName(app.request) %}
  2. {% block title_suffix %}Kontakt{% endblock %}
  4. {% form_theme form 'bootstrap_4_layout.html.twig' %}
  6. {% block head_scripts %}
  7.     <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  8. {% endblock %}
  10. {% block body %}
  11.     <h2 class="mb-3">Kontakt aufnehmen ... und Hilfe erhalten</h2>
  12.     <h4>Bitte fülle dieses Formular aus</h4>
  13.     <p>Unsere Antwort erfolgt per E-Mail. Bitte achte daher auf eine gültige E-Mail Adresse, damit wir dich auch
  14.         erreichen können!</p>
  15.     <div class="align-items-center bg-grey-10 py-2 pb-lg-2 mx-0 mb-4">
  16.         {% if emailSent or failure %}
  17.             {% set class = failure ? "alert alert-danger" : "alert alert-success" %}
  18.             <div class="col-12 {{ class }}">
  19.                 <strong>Vielen Dank!</strong>
  20.                 {% if failure %}
  21.                     <p>Das hat leider nicht geklappt. Bitte versuche es nochmal oder schicke uns eine E-Mail an support@frivol.com</p>
  22.                 {% else %}
  23.                     <p>Deine Nachricht wurde gespeichert und wird von einem Mitarbeiter aus dem Support bearbeitet.
  24.                         Wir bitten um Geduld, besonders nachts, an Wochenenden und Feiertagen.</p>
  25.                 {% endif %}
  26.             </div>
  27.         {% endif %}
  28.         {% if emailSent == false %}
  29.             {{ form_start(form, {'attr': {'class': 'col-12', 'id': 'contact_form'}}) }}
  30.             {{ form_row(form.firstName) }}
  31.             {{ form_row(form.lastName) }}
  32.             {{ form_row(form.email) }}
  33.             {{ form_row(form.phone) }}
  34.             {{ form_row(form.webmId) }}
  35.             {{ form_row(form.topic) }}
  36.             {{ form_row(form.message) }}
  37.             {{ form_row(form.info) }}
  38.             <div id="contactFormContent" style="visibility:hidden;">
  39.                 {{ form_row(form.submit, {'attr': {'disabled':'disabled'}}) }}
  40.             </div>
  41.             <div class="g-recaptcha" data-sitekey="{{ RECAPTCHA_FORM_KEY }}" data-callback="recaptchaCallback"></div>
  42.             {{ form_end(form) }}
  43.         {% endif %}
  44.     </div>
  46.     <h4>Europäischer Support:</h4>
  47.     <img src="{{ asset('build/images/contactInfo.png')}}" data-callback="contactCallback" class="company-contact-info" />
  49.     <div class="row-fluid">
  50.         <div class="span12">
  51.             <h5>Online-Streitbeilegung (Art. 14 Abs. 1 ODR-Verordnung):</h5>
  52.             <p>
  53.                 Die Europäische Kommission stellt unter <a href="http://ec.europa.eu/consumers/odr" target="_blank">
  54.                     http://ec.europa.eu/consumers/odr</a> eine Plattform zur Online-Streitbeilegung bereit.
  55.             </p>
  56.         </div>
  57.     </div>
  58. {% endblock %}
  60. {% block javascripts %}
  61.     {{ parent() }}
  62.     <script>
  63.         function recaptchaCallback() {
  64.             $("#contactFormContent").css("visibility", "visible");
  65.             $('#contact_form_submit').removeAttr('disabled');
  66.         }
  67.     </script>
  68. {% endblock %}