templates/registration/_form.html.twig line 1

  1. {% set classNames = userType is defined and userType is same as 'trainer' ? 'needs-validation' : '' %}
  2. {{ form_start(registrationForm, {'attr': {'class': 'mt-4', 'id': 'registration_form'}}) }}
  4.     {% if registrationForm.parentCode is defined %}
  5.         <div class="mb-3">
  6.             <label class="form-label">{{ form_label(registrationForm.parentCode) }}</label>
  7.             {% set invitationCode = app.request.query.get('code') ?? app.request.query.get('invitation') %}
  8.             {{ form_widget(registrationForm.parentCode, {
  9.                 'attr': {
  10.                     'class': 'form-control' ~ (form_errors(registrationForm.parentCode) ? ' is-invalid' : ''),
  11.                     'readonly': invitationCode is not empty,
  12.                     'value': invitationCode|default('')
  13.                 }
  14.             }) }}
  15.             {% if form_errors(registrationForm.parentCode) %}
  16.                 <div class="invalid-feedback d-block">
  17.                     {{ form_errors(registrationForm.parentCode) }}
  18.                 </div>
  19.             {% endif %}
  20.             {% if invitationCode is not empty %}
  21.                 <small class="text-muted">Code d'invitation appliqué automatiquement</small>
  22.             {% endif %}
  23.         </div>
  24.     {% endif %}
  26.     {% if userType is defined and userType is same as 'trainer' %}
  27.         <div class="mb-4">
  28.             <h5 class="mb-3">Personal Information</h5>
  29.             <div class="row g-3">
  30.                 {% for item in registrationForm.personne %}
  31.                     <div class="col-12">
  32.                         <label class="form-label">{{ form_label(item) }}</label>
  33.                         {% if item is same as registrationForm.personne.sexe or item is same as registrationForm.personne.pays %}
  34.                             {{ form_widget(item, {'attr': {'class': 'form-select'}}) }}
  35.                         {% elseif item is same as registrationForm.personne.imageFile %}
  36.                             {{ form_widget(item, {'attr': {'class': 'form-control', 'accept': 'image/*'}}) }}
  37.                             <div class="form-text">Upload a profile photo (optional)</div>
  38.                         {% else %}
  39.                             {{ form_widget(item, {'attr': {'class': 'form-control' ~ (form_errors(item) ? ' is-invalid' : '')}}) }}
  40.                         {% endif %}
  41.                         {% if form_errors(item) %}
  42.                             <div class="invalid-feedback d-block">
  43.                                 {{ form_errors(item) }}
  44.                             </div>
  45.                         {% endif %}
  46.                     </div>
  47.                 {% endfor %}
  48.             </div>
  49.         </div>
  51.         {% if registrationForm.enseignant is defined %}
  52.             <div class="mb-4">
  53.                 <h5 class="mb-3">Teacher Information</h5>
  54.                 <div class="row g-3">
  55.                     {% for item in registrationForm.enseignant %}
  56.                         <div class="col-12">
  57.                             <label class="form-label">{{ form_label(item) }}</label>
  58.                             {% if item.vars.name ends with 'File' %}
  59.                                 {{ form_widget(item, {'attr': {'class': 'form-control', 'accept': 'image/*'}}) }}
  60.                                 <div class="form-text">Upload required document</div>
  61.                             {% else %}
  62.                                 {{ form_widget(item, {'attr': {'class': 'form-control' ~ (form_errors(item) ? ' is-invalid' : '')}}) }}
  63.                             {% endif %}
  64.                             {% if form_errors(item) %}
  65.                                 <div class="invalid-feedback d-block">
  66.                                     {{ form_errors(item) }}
  67.                                 </div>
  68.                             {% endif %}
  69.                         </div>
  70.                     {% endfor %}
  71.                 </div>
  72.             </div>
  73.         {% endif %}
  74.     {% else %}
  75.         {% if registrationForm.fullName is defined %}
  76.             <div class="mb-3">
  77.                 <label class="form-label">{{ form_label(registrationForm.fullName) }}</label>
  78.                 {{ form_widget(registrationForm.fullName, {'attr': {'class': 'form-control' ~ (form_errors(registrationForm.fullName) ? ' is-invalid' : '')}}) }}
  79.                 {% if form_errors(registrationForm.fullName) %}
  80.                     <div class="invalid-feedback d-block">
  81.                         {{ form_errors(registrationForm.fullName) }}
  82.                     </div>
  83.                 {% endif %}
  84.             </div>
  85.         {% endif %}
  87.         {% if registrationForm.username is defined %}
  88.             <div class="mb-3">
  89.                 <label class="form-label">{{ form_label(registrationForm.username) }}</label>
  90.                 {{ form_widget(registrationForm.username, {
  91.                     'attr': {
  92.                         'class': 'form-control' ~ (form_errors(registrationForm.username) ? ' is-invalid' : ''),
  93.                         'minlength': 5,
  94.                         'maxlength': 8,
  95.                         'pattern': '[a-zA-Z0-9_]+',
  96.                         'title': 'Username must be 5-8 characters long and can only contain letters, numbers, and underscores'
  97.                     }
  98.                 }) }}
  99.                 {% if form_errors(registrationForm.username) %}
  100.                     <div class="invalid-feedback d-block">
  101.                         {{ form_errors(registrationForm.username) }}
  102.                     </div>
  103.                 {% endif %}
  104.                 <small class="text-muted">Username must be 5-8 characters long</small>
  105.             </div>
  106.         {% endif %}
  108.         {% if registrationForm.phoneNumber is defined %}
  109.             <div class="mb-3">
  110.                 <label class="form-label">{{ form_label(registrationForm.phoneNumber) }}</label>
  111.                 {{ form_widget(registrationForm.phoneNumber, {'attr': {'class': 'form-control' ~ (form_errors(registrationForm.phoneNumber) ? ' is-invalid' : '')}}) }}
  112.                 {% if form_errors(registrationForm.phoneNumber) %}
  113.                     <div class="invalid-feedback d-block">
  114.                         {{ form_errors(registrationForm.phoneNumber) }}
  115.                     </div>
  116.                 {% endif %}
  117.             </div>
  118.         {% endif %}
  119.     {% endif %}
  121.     <div class="mb-3">
  122.         <label class="form-label">{{ 'EMAIL_KEY'|trans }}</label>
  123.         {{ form_widget(registrationForm.email, {'attr': {'class': 'form-control' ~ (form_errors(registrationForm.email) ? ' is-invalid' : '')}}) }}
  124.         {% if form_errors(registrationForm.email) %}
  125.             <div class="invalid-feedback d-block">
  126.                 {{ form_errors(registrationForm.email) }}
  127.             </div>
  128.         {% endif %}
  129.     </div>
  131.     <div class="mb-3">
  132.         <label class="form-label">{{ 'PASSWORD_KEY'|trans }}</label>
  133.         {{ form_widget(registrationForm.plainPassword, {'attr': {'class': 'form-control' ~ (form_errors(registrationForm.plainPassword) ? ' is-invalid' : '')}}) }}
  134.         {% if form_errors(registrationForm.plainPassword) %}
  135.             <div class="invalid-feedback d-block">
  136.                 {{ form_errors(registrationForm.plainPassword) }}
  137.             </div>
  138.         {% endif %}
  139.     </div>
  141.     {% if registrationForm.confirmPassword is defined %}
  142.         <div class="mb-3">
  143.             <label class="form-label">{{ form_label(registrationForm.confirmPassword) }}</label>
  144.             {{ form_widget(registrationForm.confirmPassword, {'attr': {'class': 'form-control' ~ (form_errors(registrationForm.confirmPassword) ? ' is-invalid' : '')}}) }}
  145.             {% if form_errors(registrationForm.confirmPassword) %}
  146.                 <div class="invalid-feedback d-block">
  147.                     {{ form_errors(registrationForm.confirmPassword) }}
  148.                 </div>
  149.             {% endif %}
  150.         </div>
  151.     {% endif %}
  153.     <div class="mb-3">
  154.         <div class="form-check">
  155.             {{ form_widget(registrationForm.agreeTerms, {'attr': {'class': 'form-check-input' ~ (form_errors(registrationForm.agreeTerms) ? ' is-invalid' : '')}}) }}
  156.             <label class="form-check-label">
  157.                 {{ form_label(registrationForm.agreeTerms) }}
  158.             </label>
  159.             {% if form_errors(registrationForm.agreeTerms) %}
  160.                 <div class="invalid-feedback d-block">
  161.                     {{ form_errors(registrationForm.agreeTerms) }}
  162.                 </div>
  163.             {% endif %}
  164.         </div>
  165.     </div>
  167.     <button type="submit" class="btn btn-primary w-100">{{ 'REGISTER_KEY'|trans }}</button>
  168. {{ form_end(registrationForm) }}