templates/security/login.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}- Connexion{% endblock %}
  4. {%block menu%}
  5. {%endblock%}
  6. {% block body %}
  7. <main>
  8.     <!-- Section -->
  9.     <section class="min-vh-100 d-flex align-items-center section-image overlay-soft-dark py-5 py-lg-0" data-background="{{ asset('assets/img/cards-3662554_1920.jpg') }}">
  10.         <div class="container">
  11.             <div class="row justify-content-center">
  12.                 <div class="col-12">
  13.                     <div class="text-center text-md-center mb-5 mt-md-0 text-white">
  14.                         <h1 class="mb-0 h3">Connexion</h1>
  15.                     </div>
  16.                 </div>
  17.                 <div class="col-12 d-flex align-items-center justify-content-center">
  18.                     <div class="signin-inner mt-3 mt-lg-0 bg-white shadow-soft border rounded border-light p-4 p-lg-5 w-100 fmxw-500">
  19.                         <span class="clearfix"></span>
  20.                         <form method="post" name="login" onsubmit="return onloginsubmit(event);">
  21.                             {% if error %}
  22.                             <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  23.                             {% endif %}
  24.                             {% if app.user %}
  25.                             <div class="mb-3">
  26.                                 Vous êtes déjà connecté:<br /> {{ app.user.username }} <br />
  27.                                 <a href="{{ path('app_logout') }}">Déconnecter</a>
  28.                             </div>
  29.                             {% endif %}
  30.                             <div class="form-group">
  31.                                 <div class="input-group">
  32.                                     <div class="input-group-prepend">
  33.                                         <span class="input-group-text"><i class="far fa-user"></i></span>
  34.                                     </div>
  35.                                     <input type="email" class="form-control" id="input-email" name="email" placeholder="Email" value="{{ last_username }}" required>
  36.                                 </div>
  37.                             </div>
  38.                             <div class="form-group">
  39.                                 <div class="input-group">
  40.                                     <div class="input-group-prepend">
  41.                                         <span class="input-group-text"><i class="fas fa-unlock-alt"></i></span>
  42.                                     </div>
  43.                                     <input class="form-control" placeholder="Mot de passe" name="password" type="password" required>
  44.                                 </div>
  45.                             </div>
  46.                             <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  47.                             <div class="form-check mb-3">
  48.                                 <input class="form-check-input" id="remember" type="checkbox">
  49.                                 <label class="form-check-label" for="remember">
  50.                                     Se souvenir de moi
  51.                                 </label>
  52.                             </div>
  53.                             <div class="mt-4">
  54.                                 <input type="hidden" id="login_recaptchatoken" name="login_recaptchatoken" required='false' />
  55.                                 <button type="submit" class="btn btn-block btn-primary animate-up-2">Connexion</button>
  56.                             </div>
  57.                         </form>
  58.                         <div class="d-flex justify-content-between align-items-center mt-4">
  59.                             <span>
  60.                                 <small>Vous n'avez pas de compte?</small>
  61.                                 <a href="{{ path('home_route', {'routename':'signup'}, relative = false) }}" class="small font-weight-bold">Créer</a>
  62.                             </span>
  64.                             <div><a href="{{ path('app_resetpassword', {}, relative = false) }}" class="small text-right">Mot de passe oublié?</a></div>
  65.                         </div>
  66.                     </div>
  67.                 </div>
  68.             </div>
  69.         </div>
  70.     </section>
  71. </main>
  73. <!-- Recaptcha -->
  74. <script src="https://www.google.com/recaptcha/api.js?render=6Le2aesUAAAAAG4fDNIF_lqShoh6-PvS2lHexW2K"></script>
  75. <script src="{{ asset('/assets/js/recaptcha.js') }}"></script>
  76. {% endblock %}