templates/security/registration.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %} {{ 'aplikacija.naziv'|trans }} {{ 'registracija.naslov'|trans }}{% endblock %}
  5. {% block body %}
  7.     <div class="container">
  9.         <div class="row justify-content-between align-items-center">
  11.             <div class="col-12">
  13.                 <div class="mb-0 text-center rounded">
  15.                     <h1 class="display-3 font-weight-bold naslov osnovnaBoja mt-3">
  16.                         {{ 'aplikacija.naziv'|trans }} {{ 'registracija.naslov'|trans }}
  17.                     </h1>
  20.                 </div>
  21.                 {{ form_start(form, {'attr': {'class': 'row row-eq-height lockscreen mt-4 mb-4'}}) }}
  23.                 <div class="lock-image col-12 col-sm-5 d-none d-sm-block"></div>
  24.                 <div class="login-form col-12 col-sm-7">
  25.                     <div class="form-group mb-2">
  26.                         {{ form_label(form.firstName) }}
  27.                         {%  set greska_name =  form_errors(form.firstName)|striptags %}
  28.                         {% if greska_name is empty %}
  29.                             {{ form_widget(form.firstName, {'attr':
  30.                                 {'class': 'form-control','placeholder': 'registracija.imePlaceholder'}}) }}
  31.                         {% else %}
  32.                             {{ form_widget(form.firstName, {'attr': {
  33.                                 'class': 'form-control is-invalid',
  34.                                 'title': greska_name}}) }}
  36.                         {% endif %}
  38.                     </div>
  40.                     <div class="form-group mb-2">
  42.                         {{ form_label(form.lastName) }}
  43.                         {%  set greska_name =  form_errors(form.lastName)|striptags %}
  44.                         {% if greska_name is empty %}
  45.                             {{ form_widget(form.lastName, {'attr':
  46.                                 {'class': 'form-control','placeholder': 'registracija.prezimePlaceholder'}}) }}
  47.                         {% else %}
  48.                             {{ form_widget(form.lastName, {'attr': {
  49.                                 'class': 'form-control is-invalid',
  50.                                 'title': greska_name}}) }}
  52.                         {% endif %}
  54.                     </div>
  56.                     <div class="form-group mb-2">
  58.                         {{ form_label(form.email) }}
  59.                         {%  set greska_name =  form_errors(form.email)|striptags %}
  60.                         {% if greska_name is empty %}
  61.                             {{ form_widget(form.email, {'attr':
  62.                                 {'class': 'form-control','placeholder': 'registracija.emailPlaceholder'}}) }}
  63.                         {% else %}
  64.                             {{ form_widget(form.email, {'attr': {
  65.                                 'class': 'form-control is-invalid',
  66.                                 'title': greska_name}}) }}
  68.                         {% endif %}
  70.                     </div>
  72.                     <div class="form-group mb-2">
  74.                         {{ form_label(form.plainPassword.first) }}
  75.                         {%  set greska_name =  form_errors(form.plainPassword.first)|striptags %}
  76.                         {% if greska_name is empty %}
  77.                             {{ form_widget(form.plainPassword.first, {'attr':
  78.                                 {'class': 'form-control'}}) }}
  79.                         {% else %}
  80.                             {{ form_widget(form.plainPassword.first, {'attr': {
  81.                                 'class': 'form-control is-invalid',
  82.                                 'title': greska_name}}) }}
  84.                         {% endif %}
  85.                     </div>
  87.                     <div class="form-group mb-2">
  89.                         {{ form_label(form.plainPassword.second) }}
  90.                         {%  set greska_name =  form_errors(form.plainPassword.second)|striptags %}
  91.                         {% if greska_name is empty %}
  92.                             {{ form_widget(form.plainPassword.second, {'attr':
  93.                                 {'class': 'form-control'}}) }}
  94.                         {% else %}
  95.                             {{ form_widget(form.plainPassword.second, {'attr': {
  96.                                 'class': 'form-control is-invalid',
  97.                                 'title': greska_name}}) }}
  99.                         {% endif %}
  100.                     </div>
  101.                     <div class="form-group mb-2">
  102.                         <button id="uvjetiKoristenja" class="btn btn-info btn-block"
  103.                            data-toggle="modal" data-target="#modalUvjetiKoristenja">
  104.                             {{ 'registracija.uvjetiKoristenja'|trans }}
  105.                         </button>
  106.                         <div class="custom-control custom-checkbox">
  107.                             <input type="checkbox" class="custom-control-input" id="checkbox-slazese"
  108.                                    name="registration-checkbox-slazese" {% if checked %} checked {% endif %}>
  109.                             <label class="custom-control-label" for="checkbox-slazese">
  110.                                 {{ 'registracija.prihvacamUvjete'|trans }}</label>
  111.                         </div>
  112.                         {% for message in app.flashes('error') %}
  113.                             <ul>
  114.                                 <li>
  115.                                     {{ message }}
  116.                                 </li>
  117.                             </ul>
  118.                         {% endfor %}
  119.                     </div>
  121.                     <div class="form-group mb-2">
  122.                         <div class="g-recaptcha" data-sitekey="{{ recaptchaPublicKey }}"></div>
  123.                     </div>
  125.                     <div class="form-group mb-2">
  126.                         <button type="submit" class="btn btn-primary btn-block"
  127.                                 formnovalidate>{{ 'registracija.registrirajSe'|trans }}</button>
  128.                     </div>
  130.                     <hr />
  132.                     <div class="mt-2">
  133.                         <a href="{{ path('app_login') }}">{{ 'login.prijava'|trans }}</a> |
  134.                         <a href="{{ path('password-request-reset')}}">{{ 'login.resetirajLozinku'|trans }}</a>
  135.                     </div>
  137.                     </div>
  138.                 {{ form_end(form) }}
  139.             </div>
  140.         </div>
  142.         {% include 'base_templates/copyright.html.twig' %}
  144.     </div>
  146.     <div class="modal fade" id="modalUvjetiKoristenja" tabindex="-1" role="dialog"
  147.          aria-labelledby="modalUvjetiKoristenjaNaslov" aria-hidden="true">
  148.         <div class="modal-dialog modal-dialog-centered" role="document">
  149.             <div class="modal-content">
  150.                 <div class="modal-header">
  151.                     <h5 class="modal-title" id="modalUvjetiKoristenjaNaslov">{{ 'registracija.uvjetiKoristenja'|trans }}</h5>
  152.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  153.                         <span aria-hidden="true">&times;</span>
  154.                     </button>
  155.                 </div>
  156.                 <div class="modal-body" style="overflow: auto; max-height: 400px;">
  157.                     {{ 'registracija.uvjetiKoristenjaTekst'|trans|raw }}
  158.                     <a href="{{ path('app_index_privacy') }}">
  159.                         {{ 'aplikacija.politikaPrivatnosti'|trans }}</a>
  160.                 </div>
  161.                 <div class="modal-footer">
  162.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ 'aplikacija.zatvori'|trans }}</button>
  163.                     <button id="prihvacamUvjete" type="button" class="btn btn-secondary"
  164.                             data-dismiss="modal">{{ 'registracija.prihvacamUvjete'|trans }}</button>
  165.                 </div>
  166.             </div>
  167.         </div>
  168.     </div>
  169. {% endblock %}
  171. {% block javascripts %}
  172.     {{ parent() }}
  173.     <script src='https://www.google.com/recaptcha/api.js'></script>
  174.     <script>
  175.         $('#prihvacamUvjete').click(function(){
  176.             $("#checkbox-slazese").attr('checked', 'checked');
  177.         });
  178.         $( '#registration_form_firstName' ).focus();
  179.     </script>
  180. {% endblock %}