templates/registration/register.html.twig line 19

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.   Créer un compte
  5. {% endblock %}
  7. {% block body %}
  8.   {% set fontcolor = backgroundmode ? 'ft-dark' : 'ft-white' %}
  9.   <section class="flex-center h-90-vh">
  10.     <div class="theme-form border w-max-m w-100">
  11.       <div class="">
  12.         <h1 class="txt-center b-b p-05 {{ fontcolor }}">Créer un compte</h1>
  13.       </div>
  14.       <div class="p-1">
  15.         {% for flash_error in app.flashes('verify_email_error') %}
  16.           <div class="alert alert-danger" role="alert">{{ flash_error }}</div>
  17.         {% endfor %}
  19.         {{ form_start(registrationForm, { attr: { class: '' } }) }}
  20.         <label for="" class="{{ fontcolor }}">Email</label>
  21.         {{ form_row(registrationForm.email) }}
  22.         <label for="" class="{{ fontcolor }}">Nom d'utilisateur</label>
  23.         {{ form_row(registrationForm.userName) }}
  24.         {# <label for="">Numéro de téléphone</label>
  25.         {{ form_row(registrationForm.telephone) }} #}
  26.         {{ form_label(registrationForm.plainPassword, 'Mot de passe', { label_attr: { class: fontcolor } }) }}
  27.         <div class="flex-row w-100 flex-center rel {{ fontcolor }}">
  28.           {{ form_widget(registrationForm.plainPassword) }}
  30.           <div onclick="togglePasswordVisibility()" data-toggle="btn-bg-4 ft-white" class="pointer flex-center abs top-0 bottom-0 right-0" id="togglePassword" style="border-top-left-radius: 0;border-bottom-left-radius: 0">
  31.             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
  32.               <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" />
  33.               <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
  34.             </svg>
  35.           </div>
  36.         </div>
  37.         <label class="check-visible flex-row {{ fontcolor }}" for="">
  38.           <div class="flex-row wrap txt-xxs">
  39.             <div class="minc p-1">{{ form_row(registrationForm.agreeTerms) }}</div><span>J'accepte les</span>
  40.             <a class="m-l-1 m-r-1 inline" target="_blank" href="{{ path('app_mentions') }}">Conditions générales d'utilisation</a>
  42.             <p class="txt-xxs">et comprends que mes informations ne seront en aucun cas cédées à un tiers sans mon consentement préalable.</p>
  43.           </div>
  44.         </label>
  46.         <button type="submit" style="margin-left: auto;" class="trans-2 pointer ft-white bnone btn-2 btn-bg-4 rad1">Créer un compte</button>
  47.         {{ form_end(registrationForm) }}
  48.       </div>
  49.     </div>
  50.   </section>
  51.   <script src="/js/togglePassword.js"></script>
  52. {% endblock %}