templates/security/registration.html.twig line 1

Open in your IDE?
  1. {% trans_default_domain 'registration' %}
  2. {% extends 'base_home.html.twig' %}
  4. {% block title %}{{ 'registration.title'|trans }}{% endblock %}
  6. {% block content %}
  7. <div class="nk-content pt-5 mb-5 min-vh-100 pb-3 registration-wrap">
  8.     <div class="container">
  9.         <div class="row mb-5 mb-md-6">
  10.             <div class="col-12">
  11.                 <h1 class="text-center text-uppercase fw-bolder mb-0">{{ 'registration.title'|trans }}</h1>
  12.                 <h3 class="text-center fw-light">
  13.                     {{ 'registration.sub_title'|trans }}
  14.                 </h3>
  15.             </div>
  16.         </div>
  17.         <div class="row">
  18.             <div class="col-12 col-lg-5 offset-lg-1 col-xl-4 offset-xl-2 mb-5 mb-lg-0">
  19.                 <div class="nk-block">
  20.                     <div class="nk-block-content rounded">
  21.                         <div class="registration-benefits-title text-uppercase">
  22.                             {% trans %}registration.registration_benefits.title{% endtrans %}
  23.                         </div>
  24.                         <div class="registration-benefits-price bg-lighter">
  25.                             {%- if paymentPackage.rebillInto -%}
  26.                                 <div class="registration-benefits-price-amount">{{- 'currency'|trans({'currency': paymentPackage.currency}, 'messages') -}}&nbsp;{{- paymentPackage.costFloat|price_format }} </div>
  27.                                 <div class="registration-benefits-price-term-of-membership">
  28.                                     <span>{{- 'membership_start'|trans({'count': paymentPackage.termOfMembership}) -}}</span>
  29.                                     <span>
  30.                                         ({{- 'currency'|trans({'currency': paymentPackage.rebillInto.currency}, 'messages') }}
  31.                                         {{- paymentPackage.rebillInto.costFloat|price_format }}
  32.                                         {{ 'membership_recurring_term_of_membership' | trans({'count': paymentPackage.rebillInto.termOfMembership}) }})
  33.                                     </span>
  34.                                 </div>
  35.                             {%- else -%}
  36.                                 <div class="registration-benefits-price-amount">{{- 'currency'|trans({'currency': paymentPackage.currency}, 'messages') -}}&nbsp;{{- paymentPackage.costFloat|price_format }} </div>
  37.                                 <div class="registration-benefits-price-term-of-membership">{{- 'membership_recurring_term_of_membership'|trans({'count': paymentPackage.termOfMembership}) -}}</div>
  38.                             {% endif %}
  39.                         </div>
  40.                         <div class="registration-benefits-benefits-list">
  41.                             <div class="registration-benefits-benefits-list-row">
  42.                                 <div>{% trans %}registration.registration_benefits.benefits.1.text{% endtrans %}</div>
  43.                                 <div class="registration-benefits-benefits-list-sub">
  44.                                     {% trans %}registration.registration_benefits.benefits.1.subtext{% endtrans %}
  45.                                 </div>
  46.                             </div>
  47.                             <div class="registration-benefits-benefits-list-row">
  48.                                 <div>{% trans %}registration.registration_benefits.benefits.2.text{% endtrans %}</div>
  49.                                 <div class="registration-benefits-benefits-list-sub">
  50.                                     {% trans %}registration.registration_benefits.benefits.2.subtext{% endtrans %}
  51.                                 </div>
  52.                             </div>
  53.                             <div class="registration-benefits-benefits-list-row">
  54.                                 <div>{% trans %}registration.registration_benefits.benefits.3.text{% endtrans %}</div>
  55.                             </div>
  56.                             <div class="registration-benefits-benefits-list-row">
  57.                                 <div>{% trans %}registration.registration_benefits.benefits.4.text{% endtrans %}</div>
  58.                             </div>
  59.                             <div class="registration-benefits-benefits-list-row">
  60.                                 <div>{% trans %}registration.registration_benefits.benefits.5.text{% endtrans %}</div>
  61.                             </div>
  62.                         </div>
  63.                     </div>
  64.                 </div>
  65.             </div>
  66.             <div class="col-12 col-lg-5 col-xl-4">
  67.                 <div class="nk-block-content p-4 rounded bg-lighter">
  68.                     {% form_theme form 'form_theme_outlined.html.twig' %}
  69.                     {{ form_start(form, {'attr': {'class': 'original-form-width'}}) }}
  71.                     {{ form_row(form.email, {'attr': {'tabindex': 1}}) }}
  72.                     {{ form_row(form.password.password, {'attr': {'tabindex': 2}, 'help': 'form.password_hint'}) }}
  73.                     {{ form_row(form.password.confirm_password, {'attr': {'tabindex': 3}}) }}
  75.                     <div class="checkbox mb-4">
  76.                         <div class="form-group">
  77.                             <div class="custom-control custom-checkbox">
  78.                                 {{ form_widget(form.agreedNewsletter, {'attr': {'tabindex': 4, 'class': 'custom-control-input'}}) }}
  79.                                 <label class="custom-control-label" for="registration_agreedNewsletter">
  80.                                     {% set terms_and_conditions_link = path('terms_and_conditions') %}
  81.                                     {% set privacy_policy_link = path('privacy_policy') %}
  82.                                     {% trans with {'{terms_and_conditions_link}': terms_and_conditions_link, '{privacy_policy_link}': privacy_policy_link}%}
  83.                                         form.policy_label
  84.                                     {% endtrans %}
  85.                                 </label>
  86.                                 {% if form.children.agreedNewsletter.vars.errors|length > 0  %}
  87.                                     {{ form_errors(form.agreedNewsletter) }}
  88.                                 {% endif %}
  89.                             </div>
  90.                         </div>
  91.                     </div>
  92.                     <div class="form-group">
  93.                         {{ form_widget(form.recaptcha) }}
  94.                         {% if form.children.recaptcha.vars.errors|length > 0  %}
  95.                             <label id="confirmPassword-error" class="error" for="confirmPassword">{{ form_errors(form.recaptcha) }}</label>
  96.                         {% endif %}
  97.                     </div>
  98.                     <p class="fs-16px mb-4 text-center">{{ 'registration.validation_hint'|trans }}</p>
  99.                     <div class="form-group">
  100.                         <button class="btn btn-lg btn-primary btn-block" type="submit" tabindex="5">
  101.                             {{ 'registration.button'|trans }}
  102.                         </button>
  103.                     </div>
  105.                     {{ form_end(form) }}
  106.                     <div class="form-note-s2 pt-2 text-center">
  107.                         <h6 class="fw-normal join-cta-wrap-small">
  108.                             {{ 'registration.login_cta.claim'|trans }} <a href="{{ path('app_login') }}" class="text-secondary font-weight-bold">{{ 'registration.login_cta.link'|trans }}</a>
  109.                         </h6>
  110.                     </div>
  111.                 </div>
  112.             </div>
  113.         </div>
  114.     </div>
  115. </div>
  117. {% endblock %}