templates/adherent/registration/user.html.twig line 1

Open in your IDE?
  1. {% extends "adherent/registration/layout.html.twig" %}
  3. {% block header %}
  4.   {% embed 'adherent/components/_header.html.twig' %}
  5.     {% block header_title_step %}01{% endblock %}
  7.     {% block header_title %}Pour commencer ...{% endblock %}
  9.     {% block header_sub_title %}{% endblock %}
  10.   {% endembed %}
  11. {% endblock %}
  13. {% block body_registration %}
  14.   <p class="fw-black text-uppercase fs-20 mb-0">Identifiez vous</p>
  15.   <p>
  16.     <small>Le rédacteur de la demande</small>
  17.   </p>
  19.   <div class="row">
  20.     <div class="col-12 col-lg-7">
  21.       {{ form_start(form) }}
  23.       <div class="row">
  24.         <div class="col-12 col-md-6">
  25.           {{ form_row(form.person.birthName) }}
  26.         </div>
  27.         <div class="col-12 col-md-6">
  28.           {{ form_row(form.person.firstName) }}
  29.         </div>
  31.         <div class="col-12 col-md-6">
  32.           <div class="mb-3">
  33.             {{ form_label(form.email.first) }}
  34.             {{ form_widget(form.email.first) }}
  35.             {% for error in form.email.first.vars.errors %}
  36.               <div class="invalid-feedback d-block">
  37.                 {% if error.message == 'Un espace SCUF associé à cet email existe déjà' %}
  38.                   Un espace SCUF associé à cet email existe déjà,
  39.                   <a href="{{ path('login') }}" class="text-decoration-underline fw-bold" style="color: #dc3545">
  40.                     connectez vous à votre espace
  41.                   </a>
  42.                 {% else %}
  43.                   {{ error.message }}
  44.                 {% endif %}
  45.               </div>
  46.             {% endfor %}
  47.           </div>
  48.         </div>
  49.         <div class="col-12 col-md-6">
  50.           {{ form_row(form.email.second, {'attr': {'data-controller': 'disable-paste'}}) }}
  51.         </div>
  52.         <div class="col-12 col-md-6 offset-md-6">
  53.           <label for="{{ form.person.birthDate.vars.id }}" class="form-label required">
  54.             {{ form.person.birthDate.vars.label }}
  55.           </label>
  56.           {{ form_widget(form.person.birthDate) }}
  57.           {{ form_errors(form.person.birthDate) }}
  58.         </div>
  60.         <div class="col-12 d-flex justify-content-between mt-4">
  61.           <div class="row">
  62.             {% for child in form.type.children %}
  63.               <div class="col-4">
  64.                 <div class="w-100 h-100 position-relative">
  65.                   <input type="radio" id="{{ child.vars.id }}" name="{{ child.vars.full_name }}" required="required"
  66.                          class="fs-14 btn-check form-check-input" value="{{ child.vars.value }}"
  67.                       {{ form.type.vars.value == child.vars.value ? 'checked' }}
  68.                          style="bottom: 0; left: 50%">
  69.                   <label
  70.                       class="fs-14 btn btn-outline-primary form-check-label required w-100 h-100 d-flex align-items-center justify-content-center py-3"
  71.                       style="border-radius: 1rem"
  72.                       for="{{ child.vars.id }}">
  73.                     {% if child.vars.value == 'self' %}
  74.                       Je m'inscris <br>
  75.                       (majeur)
  76.                     {% else %}
  77.                       {{ child.vars.label }}
  78.                     {% endif %}
  79.                   </label>
  80.                 </div>
  81.                 {% do child.setRendered %}
  82.                 {#                {{ form_widget(child, { #}
  83.                 {#                  'attr': {'class':'fs-14 btn-check'}, #}
  84.                 {#                  'label_attr': {'class': 'fs-14 btn btn-outline-dark'}, #}
  85.                 {#                }) }} #}
  86.               </div>
  87.             {% endfor %}
  88.           </div>
  89.         </div>
  90.       </div>
  92.       <div class="d-flex justify-content-end mt-4">
  93.         <button type="submit" class="btn btn-outline-dark arrow-left rounded-pill btn-lg">
  94.           Commencer l'inscription
  95.         </button>
  96.       </div>
  98.       {{ form_rest(form) }}
  99.       {{ form_end(form) }}
  100.     </div>
  101.   </div>
  102. {% endblock %}