templates/security/login.html.twig line 1

Open in your IDE?
  1. {% extends 'security.html.twig' %}
  3. {% block content %}
  4.     <form class="form w-100" novalidate="novalidate" id="kt_sign_in_form" method="post"
  5.           {{ stimulus_controller('security--login') }}
  6.           {{ stimulus_target('security--login', 'form') }}
  7.     >
  8.         <!--begin::Heading-->
  9.         <div class="text-center mb-10">
  10.             <!--begin::Title-->
  11.             <h1 class="titillium-web-bold text-dark mb-3">Connectez-vous</h1>
  12.             <!--end::Title-->
  13.             <!--begin::Link-->
  14.             {% if error %}
  15.                  {% set error_message = error.messageKey|trans(error.messageData, 'security') %}
  16.                           {% if error_message is same as("Identifiants invalides.")  %}
  17.                                     {% set error_message = "Email ou mot de passe incorrect" %}
  18.                           {% endif %}
  19.                           {% if error.messageKey=="Invalid CSRF token." %}
  20.                                 {% set error_message = "Désolé, il semble y avoir un problème avec votre connexion en raison d'un jeton CSRF invalide. Veuillez vérifier les paramètres de votre navigateur et vous assurer que les cookies sont activés. Si les cookies sont désactivés, veuillez les activer et réessayez. Si le problème persiste, n'hésitez pas à contacter notre support technique pour obtenir de l'aide." %}
  21.                           {% endif %}
  22.               
  23.                 <div class="text-danger fw-bold fs-4 mt-2">{{ error_message }}</div>
  24.             {% endif %}
  25.             {% if error_login_withour_password is defined and error_login_withour_password !="" %}
  26.                 <div class="text-danger fw-bold fs-4 mt-2">{{ error_login_withour_password }}</div>
  27.             {% endif %}
  28.             {% if app.request.get('alreadyEnabled') is not null %}
  29.                 <div class="text-success fw-bold fs-4 mt-2">Votre inscription est terminée, vous pouvez désormais vous connecter</div>
  30.             {% endif %}
  31.             <!--end::Link-->
  32.            {% set query_params = app.request.query %}
  33.            {% if query_params.has('message_login_without_password') %}
  34.                     {% if query_params.get('message_login_without_password') == 'unknown-token'  %}
  35.                         <div class="text-danger fw-bold fs-4 mt-2">Le token n'existe pas ou n'est plus valide </div>
  36.                     {% elseif query_params.get('message_login_without_password') == 'unknown-email' %}
  37.                         <div class="text-danger fw-bold fs-4 mt-2">Adresse email inconnue</div>
  38.                     {% elseif query_params.get('message_login_without_password') == 'not-enabled' %}
  39.                         <div class="text-danger fw-bold fs-4 mt-2">Votre compte n'est pas actif, veuillez contacter l'administrateur</div>
  40.                     {% elseif query_params.get('message_login_without_password') == 'send-success' %}
  41.                         <div class="text-success fw-bold fs-4 mt-2">L'email de connexion sans mot de passe a été envoyé avec succès.</div>
  42.                      {% endif %}
  43.             
  44.            {% endif %}
  45.         </div>
  46.         <div class="fv-row mb-6 position-center">
  47.             <div class="d-flex flex-stack mb-2 position-relative">
  48.                 <input class="form-control form-control-lg custom-input-size" type="text" name="email" value="{{ last_username }}" autocomplete="off" placeholder="Email"/>
  49.             </div>
  50.         </div>
  51.         <div class="fv-row mb-10 position-center ">
  52.             <div class="d-flex flex-stack mb-2 position-relative">
  53.                 <input class="form-control form-control-lg custom-input-size password" type="password" name="password" autocomplete="off" placeholder="Mot de passe" style="padding-right: 36px;"/>
  54.             </div>
  55.         </div>
  56.         <div class="fv-row mb-10 position-center">
  57.             <label class="form-check form-check-custom form-check-solid">
  58.                 <input class="form-check-input color-pink-custom" type="checkbox" name="_remember_me" checked= "checked"/>
  59.                 <span class="form-check-label">
  60.                     Se souvenir de moi
  61.                 </span>
  62.             </label>
  63.         </div>
  64.         <div class="text-center">
  65.             <input type="hidden" name="_csrf_token"
  66.                    value="{{ csrf_token('authenticate') }}"
  67.             >
  68.             <button type="submit" class="btn btn-lg btn-primary-custom btn-login w-25 mb-5 titillium-web-bold"
  69.                 {{ stimulus_action('security--login', 'submitForm') }}
  70.             >
  71.                 <span class="indicator-label">Connexion</span>
  72.                 <span class="indicator-progress">Connexion en<br> cours...
  73.                     <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
  74.             </button>
  75.         </div>
  76.         <div class="text-center block-mdp-lost">
  77.             <a href="{{ path('app_forgot_password_request') }}" class="link-primary fs-6 fw-bolder text-decoration-underline mdp-lost">Mot de passe oublié ?</a><br>
  78.         </div>
  79.         <div class="text-center block-mdp-lost mt-4">
  80.             <a href="{{ path('request_login_without_password') }}" title = "Pour rendre votre expérience encore plus fluide, nous pouvons vous envoyer un lien de connexion par email pour vous éviter de rechercher votre mot de passe." class="link-primary fs-6 fw-bolder text-decoration-underline mdp-lost mt-4">Connexion sans mot de passe ?</a><br>
  81.         </div>
  82.     </form>
  84. {% endblock %}
  86. {% block scripts %}
  87.     {{ encore_entry_script_tags('app') }}
  88. {% endblock %}