templates/security/login.html.twig line 1

  1. {% extends 'baseLanding.html.twig' %}
  3. {% block title %}{{ parent() }} - Se connecter{% endblock %}
  5. {% block stylesheets %}
  6. {{ parent() }}
  7. <style>
  8.     html,
  9.     body {
  10.         height: 100%;
  11.         margin: 0;
  12.         padding: 0;
  13.     }
  15.     .full-height {
  16.         height: 90%;
  17.     }
  19.     body {
  20.         background: linear-gradient(to top right, #78c2ad 50%, #ffffff 50%);
  21.     }
  23.     body {
  24.         height: 100%;
  25.         margin: 0;
  26.         padding: 0;
  27.         background: url('/images/background.jpg') no-repeat center center fixed;
  28.         background-size: cover;
  29.         background-image: linear-gradient(to top right, #78c2ad 50%, rgba(255, 255, 255, 0.1) 70%), url('/images/background.jpg');
  30.     }
  31. </style>
  32. {% endblock %}
  34. {% block body %}
  35. <div class="background-image-overlay"></div>
  36. <div class="container full-height">
  37.     <div class="row justify-content-center align-items-center full-height">
  38.         <div class="col-lg-4 col-md-6">
  39.             <div class="card shadow-lg">
  40.                 <div class="card-body">
  41.                     <form method="post">
  42.                         {% if error %}
  43.                         <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}
  44.                         </div>
  45.                         {% endif %}
  46.                         {% if app.user %}
  47.                         <div class="mb-3">
  48.                             Vous êtes connecté en tant que {{ app.user.userIdentifier }}, <a
  49.                                 href="{{ path('app_logout') }}">Se déconnecter</a>
  50.                         </div>
  51.                         {% endif %}
  52.                         <h1>Cumul<span style="color:#78c2ad">Success</span></h1>
  53.                         <hr>
  54.                         <p><i>Multipliez vos résultats, dès maintenant.</i></p>
  55.                         <label class="mt-2 mb-1" for="inputEmail">Email</label>
  56.                         <input type="email" value="{{ last_username }}" name="email" id="inputEmail"
  57.                             class="form-control" autocomplete="email" required autofocus>
  58.                         <label class="mt-2 mb-1" for="inputPassword">Mot de passe</label>
  59.                         <input type="password" name="password" id="inputPassword" class="form-control"
  60.                             autocomplete="current-password" required>
  62.                         <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  63.                         <div class="checkbox mb-3 mt-3">
  64.                             <label>
  65.                                 <input type="checkbox" name="_remember_me" checked/> Se souvenir de moi
  66.                             </label>
  67.                         </div>
  68.                         <p class="text-center"> <button class="btn btn-lg btn-primary btn-block mt-4" type="submit">
  69.                                 Connexion
  70.                             </button></p>
  72.                     </form>
  73.                 </div>
  74.             </div>
  75.             <p class="text-center mt-2"><a style="text-decoration:none;color: white; z-index: 9999"
  76.                     href="{{path('app_forgot_password_request')}}">Mot de passe oublié</a></p>
  77.             <p class="text-center" style="margin-top:-15px"><b><a
  78.                         style="text-decoration:none;color: white; z-index: 9999" href="{{path('app_register')}}">Je n'ai
  79.                         pas de compte</a></b></p>
  80.         </div>
  81.     </div>
  82. </div>
  84. {% endblock %}