templates/security/login.html.twig line 1

Open in your IDE?
  1. {% extends 'login_base.html.twig' %}
  3. {% block title %}Connexion{% endblock %}
  5. {% block canonical %}{{ path('app_login') }}{% endblock %}
  7. {% block stylesheets %}
  8.     {{ parent() }}
  9. {% endblock %}
  11. {% block body %}
  12.     <div class="login-content d-flex flex-column pt-lg-0 pt-12">
  13.         <!--begin::Logo-->
  14.         <a href="" class="login-logo pb-xl-20 pb-15">
  15.             <img src="{{ asset('/public/assets/bo/media/logo.png') }}" class="max-h-70px" alt="ZOE Business logo" />
  16.         </a>
  17.         <!--end::Logo-->
  18.         <!--begin::Signin-->
  19.         <div class="login-form">
  21.             {% if error %}
  22.                 <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  23.             {% endif %}
  25.             {% if app.user %}
  26.                 <div class="mb-3">
  27.                     Vous êtes connecté en tant que {{ app.user.username }}, <a href="{{ path('app_logout') }}">Se déconnecter</a>
  28.                 </div>
  29.             {% endif %}
  31.             <!--begin::Form-->
  32.             <form class="form" id="kt_login_singin_form" method="post" action="{{ path('app_login') }}">
  33.                 <!--begin::Title-->
  34.                 <div class="pb-5 pb-lg-15">
  35.                     <h3 class="font-weight-bolder text-dark font-size-h2 font-size-h1-lg">Bienvenue sur le portail de Zoe Business Plan</h3>
  36.                     <div class="text-muted font-weight-bold font-size-h4">Vous êtes nouveau ?
  37.                         <a href="{{ path('app_register') }}" class="text-primary font-weight-bolder">Créez votre compte</a></div>
  38.                 </div>
  39.                 <!--begin::Title-->
  40.                 <!--begin::Form group-->
  41.                 <div class="form-group">
  42.                     <label class="font-size-h6 font-weight-bolder text-dark" for="inputEmail">Votre Email</label>
  43.                     <input id="inputEmail" class="form-control form-control-solid h-auto py-7 px-6 rounded-lg border-0" type="email" name="email" value="{{ last_username }}" autocomplete="off" required autofocus />
  44.                 </div>
  45.                 <!--end::Form group-->
  46.                 <!--begin::Form group-->
  47.                 <div class="form-group">
  48.                     <div class="d-flex justify-content-between mt-n5">
  49.                         <label class="font-size-h6 font-weight-bolder text-dark pt-5" for="inputPassword">Votre mot de passe</label>
  50.                         <a href="{{ path('app_forgot_password_request') }}" class="text-primary font-size-h6 font-weight-bolder text-hover-primary pt-5">Mot de passe oublié ?</a>
  51.                     </div>
  52.                     <input id="inputPassword" class="form-control form-control-solid h-auto py-7 px-6 rounded-lg border-0" type="password" name="password" autocomplete="off" required />
  53.                 </div>
  54.                 <!--end::Form group-->
  55.                 <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  56.                 <input type="hidden" id="deviceToken" name="deviceToken">
  57.                 <!--begin::Action-->
  58.                 <div class="pb-lg-0 pb-5 d-flex flex-column">
  59.                     <button type="submit" id="kt_login_singin_form_submit_button" class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-3">Se connecter</button>
  60.                     <a href="{{ path('connect_google') }}" class="btn btn-light-primary font-weight-bolder px-8 py-4 my-3 font-size-lg">
  61.                         <i class="socicon-google"></i> Se connecter avec Google
  62.                     </a>
  63.                     <a href="{{ path('connect_linkedin') }}" class="btn btn-light-primary font-weight-bolder px-8 py-4 my-3 font-size-lg">
  64.                         <i class="socicon-linkedin"></i> Se connecter avec Linkedin
  65.                     </a>
  66.                 </div>
  67.                 <!--end::Action-->
  68.             </form>
  69.             <!--end::Form-->
  70.         </div>
  71.         <!--end::Signin-->
  72.     </div>
  73. {% endblock %}