bundles/AccountBundle/Resources/views/account/signup.html.twig line 1

Open in your IDE?
  1. {% extends base_layout() %}
  3. {% if not editmode and recaptcha is defined %}
  4.     {% if recaptcha == 2 %}
  5.         {% do pimcore_head_script().appendFile('https://www.google.com/recaptcha/api.js') %}
  6.     {% elseif recaptcha == 3 %}
  7.         {% do pimcore_head_script().appendFile('https://www.google.com/recaptcha/api.js?render=' ~ recaptchaPublic) %}
  8.     {% endif %}
  9. {% endif %}
  11. {% set head_title = "Signup Page"|trans %}
  13. {% block content %}
  14.     <div class="container mb-5 pb-5">
  15.         <div class="row justify-content-center">
  18.                 <div class="col-lg-6 signupbox">
  20.                     <div class="login-panel panel panel-default">
  23.                         {% if not signupsuccess %}
  24.                             <div class="panel-body area-col">
  25.                                 <div class="area-col-inner position-relative area-shape area-shape-default bg-secondary p-5">
  28.                                     <div class="panel-heading">
  29.                                         <h1 class="text-center text-white mb-5">
  30.                                             <span class="heading-line white">{{ 'LoginPortal - Signup'|trans }}</span></h1>
  31.                                         <p>{{ 'LoginPortal - Signuptext'|trans }}</p>
  32.                                     </div>
  34.                                     <h4>{{ 'Personal information'|trans }}</h4>
  36.                                     <div class="mt-3">
  37.                                         {{ form_start(form) }}
  39.                                         <div class="row mb-3">
  40.                                             <div class="col-12 col-lg-6 mb-3 mb-lg-0">
  41.                                                 {{ form_label(form.lastname, null, {'label_attr': {'class': 'form-label'}}) }}
  42.                                                 {{ form_widget(form.lastname, {'attr': {'class': 'form-control', 'placeholder': form.lastname.vars.label}}) }}
  44.                                                 <div id="emailHelp" class="form-text">{{ form_help(form.lastname) }}</div>
  46.                                                 <div class="form-error">
  47.                                                     {{ form_errors(form.lastname) }}
  48.                                                 </div>
  49.                                             </div>
  50.                                             <div class="col-12 col-lg-6 mb-3 mb-lg-0">
  51.                                                 {{ form_label(form.firstname, null, {'label_attr': {'class': 'form-label'}}) }}
  52.                                                 {{ form_widget(form.firstname, {'attr': {'class': 'form-control', 'placeholder': form.firstname.vars.label }}) }}
  54.                                                 <div id="lastnameHelp" class="form-text">{{ form_help(form.firstname) }}</div>
  56.                                                 <div class="form-error">
  57.                                                     {{ form_errors(form.firstname) }}
  58.                                                 </div>
  59.                                             </div>
  60.                                         </div>
  62.                                         <div class="row mb-lg-3">
  63.                                             <div class="col-12 col-lg-6 mb-3 mb-lg-0">
  65.                                                 {{ form_label(form.email, null, {'label_attr': {'class': 'form-label'}}) }}
  66.                                                 {{ form_widget(form.email, {'attr': {'class': 'form-control', 'placeholder': form.email.vars.label}}) }}
  68.                                                 <div id="emailHelp" class="form-text">{{ form_help(form.email) }}</div>
  70.                                                 <div class="form-error">
  71.                                                     {{ form_errors(form.email) }}
  72.                                                 </div>
  73.                                             </div>
  74.                                             <div class="col-12 col-lg-6 mb-3 mb-lg-0">
  75.                                                 {{ form_label(form.password, null, {'label_attr': {'class': 'form-label'}}) }}
  76.                                                 {{ form_widget(form.password, {'attr': {'class': 'form-control', 'placeholder': form.password.vars.label }}) }}
  78.                                                 <div id="lastnameHelp" class="form-text">{{ form_help(form.password) }}</div>
  80.                                                 <div class="form-error">
  81.                                                     {{ form_errors(form.password) }}
  82.                                                 </div>
  83.                                             </div>
  84.                                         </div>
  86.                                         <div class="row mb-lg-3">
  87.                                             <div class="col-6">
  88.                                                 {#                            {{ form_row(form.address) }} #}
  89.                                                 {{ form_label(form.address, null, {'label_attr': {'class': 'form-label'}}) }}
  90.                                                 {{ form_widget(form.address, {'attr': {'class': 'form-control', 'placeholder': form.address.vars.label }}) }}
  92.                                                 <div id="addressHelp" class="form-text">{{ form_help(form.address) }}</div>
  94.                                                 <div class="form-error">
  95.                                                     {{ form_errors(form.address) }}
  96.                                                 </div>
  97.                                             </div>
  98.                                             <div class="col-3">
  99.                                                 {#                            {{ form_row(form.number) }} #}
  100.                                                 {{ form_label(form.number, null, {'label_attr': {'class': 'form-label'}}) }}
  101.                                                 {{ form_widget(form.number, {'attr': {'class': 'form-control', 'placeholder': form.number.vars.label }}) }}
  103.                                                 <div id="numberHelp" class="form-text">{{ form_help(form.number) }}</div>
  105.                                                 <div class="form-error">
  106.                                                     {{ form_errors(form.number) }}
  107.                                                 </div>
  108.                                             </div>
  109.                                             <div class="col-3">
  110.                                                 {#                            {{ form_row(form.number) }} #}
  111.                                                 {{ form_label(form.box, null, {'label_attr': {'class': 'form-label'}}) }}
  112.                                                 {{ form_widget(form.box, {'attr': {'class': 'form-control', 'placeholder': form.box.vars.label }}) }}
  114.                                                 <div id="boxHelp" class="form-text">{{ form_help(form.box) }}</div>
  116.                                                 <div class="form-error">
  117.                                                     {{ form_errors(form.box) }}
  118.                                                 </div>
  119.                                             </div>
  120.                                             <div class="col-12">
  121.                                                 {#                            {{ form_row(form.number) }} #}
  122.                                                 {{ form_label(form.mobile, null, {'label_attr': {'class': 'form-label'}}) }}
  123.                                                 {{ form_widget(form.mobile, {'attr': {'class': 'form-control', 'placeholder': form.mobile.vars.label }}) }}
  125.                                                 <div id="mobileHelp" class="form-text">{{ form_help(form.mobile) }}</div>
  127.                                                 <div class="form-error">
  128.                                                     {{ form_errors(form.mobile) }}
  129.                                                 </div>
  130.                                             </div>
  131.                                         </div>
  133.                                         <div class="row mb-lg-3">
  134.                                             <div class="col-4">
  135.                                                 {#                            {{ form_row(form.postcode) }} #}
  136.                                                 {{ form_label(form.postcode, null, {'label_attr': {'class': 'form-label'}}) }}
  137.                                                 {{ form_widget(form.postcode, {'attr': {'class': 'form-control', 'placeholder': form.postcode.vars.label }}) }}
  139.                                                 <div id="postcodeHelp" class="form-text">{{ form_help(form.postcode) }}</div>
  141.                                                 <div class="form-error">
  142.                                                     {{ form_errors(form.postcode) }}
  143.                                                 </div>
  144.                                             </div>
  145.                                             <div class="col-4">
  146.                                                 {#                            {{ form_row(form.city) }} #}
  147.                                                 {{ form_label(form.city, null, {'label_attr': {'class': 'form-label'}}) }}
  148.                                                 {{ form_widget(form.city, {'attr': {'class': 'form-control', 'placeholder': form.city.vars.label }}) }}
  150.                                                 <div id="cityHelp" class="form-text">{{ form_help(form.city) }}</div>
  152.                                                 <div class="form-error">
  153.                                                     {{ form_errors(form.city) }}
  154.                                                 </div>
  155.                                             </div>
  156.                                             <div class="col-4">
  157.                                                 {#                            {{ form_row(form.city) }} #}
  158.                                                 {{ form_label(form.country, null, {'label_attr': {'class': 'form-label'}}) }}
  159.                                                 {{ form_widget(form.country, {'attr': {'class': 'form-control', 'placeholder': form.country.vars.label ,}}) }}
  160.                                                 <div id="countryHelp" type="date" class="form-text">{{ form_help(form.country) }}</div>
  161.                                                 <div class="form-error">
  162.                                                     {{ form_errors(form.country) }}
  163.                                                 </div>
  164.                                             </div>
  165.                                         </div>
  169.                                         {% if not editmode and recaptcha is defined %}
  170.                                             {% if recaptcha == 2 %}
  171.                                                 <div class="form-group">
  172.                                                     <div class="g-recaptcha" data-sitekey="{{ recaptchaPublic }}"></div>
  173.                                                 </div>
  174.                                             {% elseif recaptcha == 3 %}
  175.                                                 <input type="hidden" name="gtoken" id="gtoken">
  176.                                             {% endif %}
  177.                                         {% endif %}
  179.                                         {# {{ form_row(form.conditions) }} #}
  180.                                         <div class="col-12 form-check text-start mb-3">
  182.                                             {{ form_widget(form.conditions, {'attr': {'class': 'form-check-input'}}) }}
  183.                                             {#{{ form_label(form.conditions, null, {'label_attr': {'class': 'form-check-label'}}) }}#}
  185.                                             <label class="form-check-label required" for="signup_form_conditions">{{ 'Ik ga akkoord met'|trans }}</label>
  187.                                             <a href="{% if check_websitesetting('privacy_document', 'document') %}{{ inotherlang('LocalizedDocument', pimcore_website_config('privacy_document')) }}{% endif %}" target="_blank" class="fw-bold text-black">
  188.                                                 {{ 'privacy'|trans }}
  189.                                             </a>
  191.                                             <div id="conditionsHelp" class="form-text">{{ form_help(form.conditions) }}</div>
  193.                                             <div class="form-error">
  194.                                                 {{ form_errors(form.conditions) }}
  195.                                             </div>
  196.                                         </div>
  198.                                         <div class="text-center mb-3">
  200.                                             {{ form_row(form.submit, {'attr': {'class': 'btn btn-black w-100'}}) }}
  201.                                         </div>
  203.                                         {{ form_end(form) }}
  204.                                     </div>
  205.                                 </div>
  207.                                                             <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg">
  208.                                 <clipPath clipPathUnits="objectBoundingBox" id="shapeyellow">
  209.                                     <path d="M0.536,0.991 s-0.414,0.038,-0.47,-0.038 C0.013,0.879,-0.009,0.825,0.004,0.696 s0.013,-0.268,0.013,-0.376 C0.018,0.133,0.026,0.017,0.269,0.006 C0.512,-0.005,0.731,-0.001,0.854,0.023 c0.121,0.023,0.14,0.05,0.143,0.241 c0.003,0.192,0.017,0.613,-0.062,0.688 c-0.054,0.051,-0.125,0.042,-0.399,0.038"></path>
  211.                                 </clipPath>
  212.                             </svg>
  214.                             </div>
  220.                         {% endif %}
  221.                     </div>
  223.                 </div>
  225.         </div>
  226.     </div>
  228.     {% if not editmode and recaptcha == 3 and (app.flashes(['success']).success is empty or app.flashes(['warning']).warning is empty) %}
  229.         <script>
  230.             function getReCaptcha(){
  231.                 grecaptcha.ready(function () {
  232.                     grecaptcha.execute('{{ recaptchaPublic }}', { action: 'account_signup' }).then(function (token) {
  233.                         var recaptchaResponse = document.getElementById('gtoken');
  234.                         recaptchaResponse.value = token;
  235.                     });
  236.                 });
  237.             }
  238.             getReCaptcha();  // This is the initial call
  239.             setInterval(function(){getReCaptcha();}, 60000);
  240.         </script>
  241.     {% endif %}
  242. {% endblock %}