templates/front/security/login.html.twig line 73

Open in your IDE?
  1. {% extends 'front/security/base.html.twig' %}
  3. {% block title %}BikingMan{% endblock %}
  5. {% block leftButton %}
  6.     <a href="#" onclick="$('a#profile-tab').tab('show');" class="btn btn-md btn-primary big-text-btn">{{'Créer mon compte'|trans}}</a>
  7. {% endblock %}
  9. {% block card %}
  10. <div class="tab-pane fade show active" id="login" role="tabpanel" aria-labelledby="login-tab">
  11.     <div class="title h6">{{'Login to your Account'|trans}}</div>
  13.     <form class="content" method="post">
  14.         <div class="row">
  15.             {% if error %}
  16.                 <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  17.             {% endif %}
  19.             {% if app.user %}
  20.                 <div class="mb-3">
  21.                     <p>
  22.                         {{'You are logged in as'|trans}} {{ app.user.username }}, <a href="{{ path('app_logout') }}">Logout</a>
  23.                     </p>
  24.                 </div>
  25.             {% endif %}
  26.             <div class="form-group label-floating">
  27.                 <label class="control-label" for="inputUsername">Email</label>
  28.                 <input type="text" value="{{ last_username }}" placeholder="{{'Enter Email'|trans}}" name="username" id="inputUsername" class="form-control" required autofocus>
  29.             </div>
  31.             <div class="form-group label-floating">
  32.                 <label class="control-label" for="inputPassword">{{"Password"|trans}}</label>
  33.                 <input type="password" name="password" id="inputPassword" placeholder="{{'Enter Password'|trans}}" class="form-control" required>
  34.             </div>
  36.             <div class="remember">
  37.                 <div class="row">
  38.                     <div class="col-md-6">
  39.                         <div class="form-check">
  40.                             <input class="form-check-input" type="checkbox" name="_remember_me" id="customControlInline">
  41.                             <label class="form-check-label" for="customControlInline">
  42.                                 {{'Remember Me'|trans}}
  43.                             </label>
  44.                         </div>
  45.                     </div>
  46.                     <div class="col-md-6">
  47.                         <a href="{{ path('front.app_forgot_password_request') }}" class="forgot">{{'Forgot my Password'|trans}}</a>
  48.                     </div>
  49.                 </div>
  52.             </div>
  54.             <button class="btn btn-lg btn-primary full-width" type="submit">{{'Login'|trans}}</button>
  59.             <input type="hidden" name="_csrf_token"
  60.                    value="{{ csrf_token('authenticate') }}"
  61.             >
  62.         </div>
  63.         <p>{{'Vous navez pas de compte'|trans}} ?  <br>
  64.             <a href="#" onclick="$('a#profile-tab').tab('show');" style="color:#b8232d !important">{{'Créer mon compte maintenant'|trans}}</a>  
  65.         </p>
  67.     </form>
  68.     
  70. </div>
  72. <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
  73.     {{ render(controller('App\\Controller\\Front\\RegistrationController::register')) }}
  74. </div>
  76. {% endblock %}
  78. {% block addJs %}
  79.     <script>
  80.         $('.form-register').each(function () {
  81.             let form = $(this);
  82.             form.submit(function () {
  83.                 $(this).find('button[type="submit"]').attr('disabled', 'disabled');
  84.             });
  85.             form.ajaxForm(function(response, sta, xhr, $form) {
  86.                 form.find('button[type="submit"]').attr('disabled', false);
  87.                 if (200 === xhr.status && -1 === response.indexOf('<!DOCTYPE html>')) {
  88.                     form.html(response);
  89.                     form.find('button[type="submit"]').attr('disabled', false);
  90.                 } else {
  91.                     location.reload();
  92.                 }
  93.             });
  94.         });
  95.     </script>
  96. {% endblock %}