templates/security/login.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <title>{% block title %}FCH Extranet Collaborateur{% endblock %}</title>
  7.     {% block stylesheets %}
  8.         {{ encore_entry_link_tags('app') }}
  9.     {% endblock %}
  10.     {% block javascripts %}
  11.         {{ encore_entry_script_tags('app') }}
  12.     {% endblock %}
  13. </head>
  15. <body class="login-and-reset">
  16.     <section class="login-form">
  17.         <form method="post">
  18.             {% if error %}
  19.                 <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  20.             {% endif %}
  22.             {% if app.user %}
  23.                 <div class="mb-3">
  24.                     You are logged in as {{ app.user.username }}, <a href="{{ path('app_logout') }}">Logout</a>
  25.                 </div>
  26.             {% endif %}
  28.             <div class="h4 mb-4">
  29.                 <span class="fw-bold">Se Connecter</span><br>
  30.                 <span class="fw-lighter">à l'espace collaborateur</span>
  31.             </div>
  32.             <label for="inputEmail" class="fw-bold mb-1">Email</label>
  33.             <div class="form-group mb-3">
  34.                 <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control mb-3" autocomplete="email" required autofocus>
  35.                 <img class="logo-email" src="{{ asset('images/user/Icon-mail.svg') }}" alt="logo email">
  36.             </div>
  37.             <label for="inputPassword" class="fw-bold mb-1">Mot de passe</label>
  38.             <div class="form-group mb-3">
  39.                 <input type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password" required>
  40.                 <img class="logo-password" src="{{ asset('images/user/Icon-lock.svg') }}" alt="logo password">
  41.             </div>
  42.             <input type="hidden" name="_csrf_token"
  43.                    value="{{ csrf_token('authenticate') }}"
  44.             >
  46.             <div class="checkbox mb-3">
  47.                 <label>
  48.                     <input type="checkbox" name="_remember_me"> Se souvenir de moi
  49.                 </label>
  50.             </div>
  53.             <button class="btn btn-lg w-100 text-white text-uppercase mb-4" type="submit">
  54.                 Se Connecter
  55.             </button>
  56.             <a class="d-flex justify-content-center text-decoration-none text-black-50 w-100" href="{{ path('app_forgot_password_request') }}">Mot de passe oublié ?</a>
  57.         </form>
  58.         <div class="img-children">
  59.             <img class="children-left" src="{{ asset('images/user/girl.png') }}" alt="girl login">
  60.             <img class="children-right" src="{{ asset('images/user/boy.png') }}" alt="boy login">
  61.         </div>
  62.     </section>
  63. </body>
  65. </html>