templates/front/connexion_inscription.html.twig line 1

Open in your IDE?
  1. {% extends 'base_client.html.twig' %}
  3. {% block body %}
  5. <div class="formulaire-login">
  6.     
  7.         <form method="post" class="form-inscription">
  8.         <div class="div-input div-registration">
  9.             <h1>VOXDIA</h1>
  10.         
  11.             <h2>Sign in</h2>
  13.             {{ error|raw }}
  14.             <div class="input-form">
  15.                 <div class="input-form-input">
  16.                     {{ form_widget(form.email, { 'attr': {'class': 'input-registration-email input-style', 'placeholder': 'Email *', 'type': 'email', 'autofocus': ''}}) }}
  17.                 </div>
  18.             </div>
  20.             <div class="input-form">
  21.                 <div class="input-form-input">
  22.                     {{ form_widget(form.password, { 'attr': {'class': 'input-registration-password input-style', 'placeholder': 'Password *', 'minlength': '8'}}) }}
  23.                 </div>
  24.             </div>
  26.             <div class="input-form">
  27.                 <div class="input-form-input">
  28.                     {{ form_widget(form.passwordConfirm, { 'attr': {'class': 'input-registration-confirm-password input-style', 'placeholder': 'Confirm password *', 'minlength': '8'}}) }}
  29.                 </div>
  30.             </div>
  32.             <div class="input-form">
  33.                 <div class="input-form-input">
  34.                     {{ form_widget(form.name, { 'attr': {'class': 'input-registration-first-name input-style', 'placeholder': 'First name', 'autocomplete':'off'}}) }}
  35.                 </div>
  36.             </div>
  37.             
  38.             <div class="input-form">
  39.                 <div class="input-form-input">
  40.                     {{ form_widget(form.lastname, { 'attr': {'class': 'input-registration-last-name input-style', 'placeholder': 'Last name', 'autocomplete':'off'}}) }}
  41.                 </div>
  42.             </div>
  44.             {{ form_row(form._token) }}
  45.             <div>
  46.                 <button class="input-form-submit button-style" type="submit" style="width: 100%;">Continue</button>
  47.             </div>
  48.             
  49.             <hr class="input-form-hr" />
  50.             
  51.             <a href="{{ path('app_login') }}">
  52.                 <div class="input-form-connexion">
  53.                     Connexion
  54.                 </div>
  55.             </a>
  56.         </div>
  57.     </form>
  58. </div>
  60. <script>
  61.     $(document).ready( function () {
  62.                 
  63.         $('.input-form-submit').click(function (e) {
  64.             e.preventDefault();
  66.             $('.input-form-submit').attr('disabled', 'disabled').css('opacity', '0.3');
  68.             if ($('.input-registration-confirm-password').val() != $('.input-registration-password').val()) {
  69.                 alert('Mdp different');
  70.             } else {
  71.                 $('.form-inscription').submit();
  72.             }
  73.         });
  74.     });
  75. </script>
  76. {% endblock %}