templates/security/registration.html.twig line 1

Open in your IDE?
  1. {% extends 'security/base.html.twig' %}
  3. {% block title %}
  4.    Registrace
  5. {% endblock %}
  7. {% block javascripts %}
  8.     {#<script src="https://www.google.com/recaptcha/api.js?render={{ publicKeyCaptcha }}"></script>#}
  9.     
  10.     {#<script src='https://www.google.com/recaptcha/api.js'  async defer></script>#}
  11.     <script>
  12.         // grecaptcha.ready(function () {
  13.         //     grecaptcha.execute('{{ publicKeyCaptcha }}', { action: 'registration' }).then(function (token) {
  14.         //         var recaptchaResponse = document.getElementById('registration_recaptchaResponse');
  15.         //         recaptchaResponse.value = token;
  16.         //     });
  17.         // });
  19.         var onloadCallback = function() {
  20.             grecaptcha.render('html_element', {
  21.             'sitekey' : '{{ publicKeyCaptcha }}'
  22.             });
  24.         };
  26.         function setRecaptcha()
  27.         {
  28.             var recaptchaElement = document.getElementById('registration_recaptchaResponse')
  29.             var response = grecaptcha.getResponse();
  30.             recaptchaElement.value = response;
  31.         }
  32.     </script>
  34.     <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer>
  35.         </script>
  37. {% endblock %}
  39. {% block body %}
  40.     <h1 class="auth-title">Registrace</h1>
  41.     <p class="auth-subtitle mb-5">Pro přihlášení do systému je nutno se nejprve zaregistrovat zde:.</p>
  43.     {{ form_start(form, {'attr': {'enctype': 'utf8'}}) }}
  44.     <div class="row">
  45.         <div class="col-12 mb-4">
  46.             <div class="form-group position-relative has-icon-left mb-4">
  47.                 {{ form_widget(form.email,{'attr':{'class': 'form-control form-control-xl', 'placeholder':'Email'}}) }}
  48.                 <div class="form-control-icon">
  49.                     <i class="bi bi-envelope"></i>
  50.                 </div>
  51.             </div>
  53.             <div class="text-danger">
  54.                 {{ form_errors(form.email) }}
  55.             </div>
  56.         </div>
  58.         <div class="col-12 mb-4">
  59.             <div class="form-group position-relative has-icon-left">
  60.                 {{ form_widget(form.firstName,{'attr':{'class': 'form-control form-control-xl', 'placeholder': 'Jméno'}}) }}
  61.                 <div class="form-control-icon">
  62.                     <i class="bi bi-person"></i>
  63.                 </div>
  64.             </div>
  66.             <div class="text-danger">
  67.                 {{ form_errors(form.firstName) }}
  68.             </div>
  69.         </div>
  71.         <div class="col-12 mb-4">
  72.             <div class="form-group position-relative has-icon-left mb-4">
  73.                 {{ form_widget(form.lastName,{'attr':{'class': 'form-control form-control-xl', 'placeholder': 'Příjmení'}}) }}
  74.                 <div class="form-control-icon">
  75.                     <i class="bi bi-person"></i>
  76.                 </div>
  77.             </div>
  79.             <div class="text-danger">
  80.                 {{ form_errors(form.lastName) }}
  81.             </div>
  82.         </div>
  84.         <div class="col-12 mb-4">
  85.             <div class="form-group position-relative has-icon-left mb-4">
  86.                 {{ form_widget(form.telephone,{'attr':{'class': 'form-control form-control-xl', 'placeholder': 'Telefon'}}) }}
  87.                 <div class="form-control-icon">
  88.                     <i class="bi bi-telephone"></i>
  89.                 </div>
  90.             </div>
  92.             <div class="text-danger">
  93.                 {{ form_errors(form.telephone) }}
  94.             </div>
  95.         </div>
  98.         <div class="col-12 mb-4">
  99.             <div class="form-group position-relative has-icon-left mb-4">
  100.                 {{ form_widget(form.street,{'attr':{'class': 'form-control form-control-xl', 'placeholder': 'Ulice (včetně čísla popisného)'}}) }}
  101.                 <div class="form-control-icon">
  102.                     <i class="bi bi-house"></i>
  103.                 </div>
  104.             </div>
  106.             <div class="text-danger">
  107.                 {{ form_errors(form.street) }}
  108.             </div>
  109.         </div>
  111.         <div class="col-12 mb-4">
  112.             <div class="form-group position-relative has-icon-left mb-4">
  113.                 {{ form_widget(form.town,{'attr':{'class': 'form-control form-control-xl', 'placeholder': 'Město'}}) }}
  114.                 <div class="form-control-icon">
  115.                     <i class="bi bi-house"></i>
  116.                 </div>
  117.             </div>
  119.             <div class="text-danger">
  120.                 {{ form_errors(form.town) }}
  121.             </div>
  122.         </div>
  125.         <div class="col-12 mb-4">
  126.             <div class="form-group position-relative has-icon-left mb-4">
  127.                 {{ form_widget(form.postalCode,{'attr':{'class': 'form-control form-control-xl', 'placeholder': 'PSČ'}}) }}
  128.                 <div class="form-control-icon">
  129.                     <i class="bi bi-house"></i>
  130.                 </div>
  131.             </div>
  133.             <div class="text-danger">
  134.                 {{ form_errors(form.postalCode) }}
  135.             </div>
  136.         </div>
  138.         <div class="col-12 mb-4">
  139.             <div class="form-group position-relative has-icon-left">
  140.                 {{ form_widget(form.password.first,{'attr':{'class':'form-control form-control-xl','placeholder':'Heslo'}}) }}
  141.                 <div class="form-control-icon">
  142.                     <i class="bi bi-shield-lock"></i>
  143.                 </div>
  144.             </div>
  146.             <div class="text-danger">
  147.                 {{ form_errors(form.password.first) }}
  148.             </div>
  149.         </div>
  151.         <div class="col-12 mb-4">
  152.             <div class="form-group position-relative has-icon-left mb-4">
  153.                 {{ form_widget(form.password.second,{'attr':{'class':'form-control form-control-xl','placeholder':'Heslo znovu'}}) }}
  154.                 <div class="form-control-icon">
  155.                     <i class="bi bi-shield-lock"></i>
  156.                 </div>
  157.             </div>
  159.             <div class="text-danger">
  160.                 {{ form_errors(form.password.second) }}
  161.             </div>
  162.         </div>
  164.         <div class="g-recaptcha col-sm-5" data-sitekey="{{ publicKeyCaptcha }}"></div>
  165.         <div id="html_element"></div>
  166.         <span id="captchaError" class="alert alert-danger col-sm-4" style="display:none"></span>
  168.         {{ form_widget(form.save,{'attr':{'class':'btn btn-primary btn-block btn-lg shadow-lg mt-5', 'onClick': 'setRecaptcha()'}}) }}
  169.         {{ form_end(form) }}
  171.         <div class="text-center mt-5 text-lg fs-4">
  172.             <p class="text-gray-600">Máte již účet? <a href="{{ path('app_login') }}" class="font-bold">
  173.                     Přihlásit se</a>.</p>
  174.         </div>
  175.     </div>
  177. {% endblock %}