templates/pages/user/registration/register.html.twig line 1

  1. {% extends 'layout/base.html.twig' %}
  3. {% block title %}Créer un compte | Arctri{% endblock %}
  4. {% block header %} {% endblock %}
  6. {% block body %}
  8.     <div class="register">
  9.         <div class="authentification register">
  10. {#        {{ form(form) }}#}
  11.             {{ form_start(form, {'method': 'POST', 'attr': {'autocomplete': 'off'}}) }}
  12.             <div class="authentification__form register_form" data-turbo="false">
  13.                 <div class="register_box">
  14.                     <div class="authentification_box_header">
  15.                         <div class="authentification__logo-box">
  16.                             <a href="{{ path('app_home') }}"><img alt="logo" class="authentification__logo" src={{ asset("/img/logo/logo_white_text.svg") }} ></a>
  17.                         </div>
  18.                         <div class="authentification_box_heading">
  19.                             <h3 class="heading-tertiary">S'inscrire</h3>
  20.                         </div>
  21.                     </div>
  23.                     <div class="register_box_field">
  24.                         <label class="authentification_box_label">Nom</label><br>
  25.                         {{ form_widget(form.lastName, {'attr': {'class':"authentification_box_input register_box_input",'placeholder': 'DJITRI' }}) }}
  26.                         <span>{{ form_errors(form.lastName) }}</span>
  27.                     </div>
  29.                     <div class="register_box_field">
  30.                         <label class="authentification_box_label" >Prénom</label><br>
  31.                         {{ form_widget(form.firstName, {'attr': {'class':"authentification_box_input register_box_input",'placeholder': 'Komlan' }}) }}
  32.                         <span>{{ form_errors(form.firstName) }}</span>
  33.                     </div>
  35.                     <div  class="register_box_field">
  36.                         <label class="authentification_box_label" >Email</label><br>
  37.                         {{ form_widget(form.email, {'attr': {'class':"authentification_box_input register_box_input",'placeholder': "arctriservices@gmail.com" }}) }}
  38.                         <span>{{ form_errors(form.email) }}</span>
  39.                     </div>
  41.                     <div class="register_box_field">
  42.                         <label class="authentification_box_label" for="Mot_de_passe">Mot de passe</label><br>
  43.                         <div class="authentification_box_input register_box_special">
  44.                             {{ form_widget(form.plainPassword.first, {'attr': {'type':"password",'class':"register_box_input_special",'placeholder': "Entrez votre mot de passe" }}) }}
  45.                             <span>{{ form_errors(form.plainPassword.first) }}</span>
  47.                             <div class="password-icon register_password_icon">
  48.                                 <i class="bi bi-eye"></i>
  49. {#                                <i class="bi bi-eye-slash"></i>#}
  50.                             </div>
  51.                         </div>
  52.                         <p class="authentification_box_paragraph">Votre mot de passe doit être <span class="req"> long de 8 caractères</span>, et contenir  <span class="req">1 caractère spécial</span>, <span class="req">1 chiffre</span>, <span class="req">1 majuscule</span>, <span class="req">1 minuscule</span>.</p>
  53.                     </div>
  54.                     <div class="register_box_field">
  55.                         <label class="authentification_box_label" for="password_confirmation">Confirmer votre mot de passe</label><br>
  56.                         <div class="authentification_box_input register_box_special">
  57.                             {{ form_widget(form.plainPassword.second, {'attr': {'type':"password",'class':"register_box_input_special",'placeholder': "Confirmez votre mot de passe" }}) }}
  58.                             <span class="authentification_box_span" >{{ form_errors(form.plainPassword.second) }}</span>
  59.                             <div class="password-icon register_password_icon">
  60.                                 <i class="bi bi-eye"></i>
  61. {#                                <i class="bi bi-eye-slash"></i>#}
  62.                             </div>
  63.                         </div>
  64.                     </div>
  66.                     <div class="authentification__span-container">
  67.                         <span>En vous inscrivant, vous acceptez nos</span>
  68.                         <a class="authentification__link__2" href=""> Conditions d'utilisation</a>
  69.                         {{ form_widget(form.agreeTerms, {'attr': {'class':"login_box_input_special", 'checked':'checked', 'style': 'display: none'}}) }}
  70.                     </div>
  72.                     {{ form_row(form._token) }}
  74.                     <div class="authentification_box_button">
  75.                         <div class="register_box_button_container">
  76.                             <input type="submit" value="Soumettre" class="authentification_button register_button">
  77.                         </div>
  79.                         <div class="authentification__span-container">
  80.                             <span>Vous avez un compte ?</span>
  81.                             <a class="authentification__link__2" href={{ path('app_user_login') }}> Connectez-vous</a>
  82.                         </div>
  83.                     </div>
  84.                 </div>
  85.             </div>
  86.             {{ form_end(form, {render_rest: false}) }}
  87.         </div>
  88.     </div>
  91. {% endblock %}
  93. {% block footer %}
  94.     <script>
  95.         function addClass() {
  96.             const body = document.body;
  97.             // add class to body
  98.             body.classList.add('register');
  99.         }
  100.         addClass();
  101.     </script>
  102. <script src={{ asset('js/app/show_password.js') }}></script>
  103. {% endblock %}