templates/security/registration.html.twig line 1

Open in your IDE?
  1. {% extends baseTemplateName(app.request) %}
  2. {% block title_suffix %}Registrierung{% endblock %}
  4. {% block head_scripts %}
  5.     <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  6. {% endblock %}
  8. {% block body %}
  9.     {% include '_structure/flash-messages.html.twig' %}
  10.     <div class="row">
  11.         <div class="col-12 col-md-6">
  12.             <div class="bg-light border border-secondary rounded py-3 px-3">
  13.                 <h1>Jetzt kostenlos mitmachen!</h1>
  14.                 <h6>E-Mail eingeben und alles sehen!</h6>
  15.                 <br>
  16.                 {{ form_start(form) }}
  17.                 {{ form_widget(form.email, {attr: {'class': 'w-100 mb-2'}}) }}
  18.                 <div id="registrationFormContent" style="visibility:hidden;">
  19.                     {{ form_widget(form.submit, {attr: {'class': 'w-100 btn btn-secondary btn-block btn-lg mt-2', 'disabled': 'disabled'}}) }}
  20.                 </div>
  21.                 <div class="g-recaptcha" data-sitekey="{{ RECAPTCHA_FORM_KEY }}" data-callback="recaptchaCallback"></div>
  22.                 {{ form_end(form) }}
  23.             </div>
  24.         </div>
  25.         <div class="d-none d-md-block col-md-auto">
  26.             <img class="w-75" src="{{ asset('/build/images/icons/https-security-256x256.png') }}" alt="HTTPS Sicherheit"/>
  27.             <dl>
  28.                 <dd><i class="fas fa-check"></i> Frauen kennenlernen!</dd>
  29.                 <dd><i class="fas fa-check"></i> Eigenes Profil anlegen!</dd>
  30.                 <dd><i class="fas fa-check"></i> Über 600.000 Mitglieder!</dd>
  31.                 <dd><i class="fas fa-check"></i> Handgeprüfte Mitglieder!</dd>
  32.                 <dd><i class="fas fa-check"></i> Private Videos &amp; Livecams!</dd>
  33.                 <dd><i class="fas fa-check"></i> Anonym und diskret!</dd>
  34.                 <dd><i class="fas fa-check"></i> Sichere HTTPS/SSL Verbindung</dd>
  35.             </dl>
  36.         </div>
  37.     </div>
  38. {% endblock %}
  41. {% block javascripts %}
  42.     {{ parent() }}
  43.     <script>
  44.         function recaptchaCallback() {
  45.             $("#registrationFormContent").css("visibility", "visible");
  46.             $('#registration_form_submit').removeAttr('disabled');
  47.         }
  48.     </script>
  49.     <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  50. {% endblock %}