templates/security/login.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ parent() }} - Connection{% endblock %}
  5. {% block stylesheets %}
  6.   {{ parent() }}
  7.   {{ encore_entry_link_tags('css/login') }}
  8. {% endblock %}
  10. {% block body %}
  12.   <div class="h-100 row align-items-center justify-content-center">
  13.     <div class="w-md-50 border rounded bg-white" style="box-shadow: 0px 0px 14px 4px rgba(0,0,0,0.75);">
  14.       <div class="row justify-content-center m-3">
  15.         <span class="h5 m-0">Centre de Micropraxie</span>
  16.       </div>
  17.       <hr>
  19.       <div class="d-flex h-100 align-items-center">
  21.         <div class="d-none d-md-block ">
  22.           <img src="./images/Logo cabinet 1-1-2.jpg" alt="Pôle Médecines Douces" width="300px">
  23.         </div>
  25.         <div class="mx-4">
  26.           <form id="login-form" method="post">
  27.             <div class="form-group">
  28.               <p class="small text-center">
  29.                 Saisissez vos identifiants pour vous connecter
  30.               </p>
  31.               <label for="inputEmail" class="text-muted small">Email</label>
  32.               {#
  33.                 <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" required autofocus>
  34.               #}
  35.               <input type="email" value="" name="email" id="inputEmail" class="form-control" required autofocus>
  37.             </div>
  38.             <div class="form-group">
  39.               <label for="inputPassword" class="text-muted small">Mot de passe</label>
  40.               <input type="password" name="password" id="inputPassword" class="form-control" required>
  41.             </div>
  42.             <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  43.             <div class="form-group text-center">
  44.               <button class="btn btn-success" type="submit">Se connecter</button>
  45.             </div>
  46.           </form>
  47.         </div>
  49.       </div>
  52.       <div class="row justify-content-between mx-3 mb-3">
  53.         <div class="">
  54.           <span id="login-message">
  55.             {% if error %}
  56.               <span class="text-danger small">Erreur de connexion</span>
  57.             {% endif %}
  58.           </span>
  59.         </div>
  60.         <button class="btn btn-sm btn-link text-decoration-none" id="btn-reset-pwd">Mot de passe oublié ?</button>
  61.       </div>
  63.     </div> {# /card #}
  64.   </div>
  66.   <div class="modal" id="modal-reset-pwd" tabindex="-1">
  67.     <div class="modal-dialog modal-dialog-centered">
  68.       <div class="modal-content">
  69.         <div class="modal-header">
  70.           <h5 class="modal-title">Réinitialiser mon mot de passe</h5>
  71.         </div>
  72.         <div class="modal-body">
  73.           <p class="small">Pour recevoir un nouveau mot de passe, saisissez votre adresse mail.</p>
  74.           <form id="reset-pwd-form" method="post">
  75.             <div class="form-group">
  76.               <div class="input-group mb-2 mr-sm-2">
  77.                 <div class="input-group-prepend">
  78.                   <div class="input-group-text"><i class="fas fa-envelope prefix grey-text"></i></div>
  79.                 </div>
  80.                 <input type="email" class="form-control" name="emailInput">
  81.                 <input type="hidden" name="_csrf_reset_token" value="{{ csrf_token('reset-password') }}">
  82.               </div>
  83.             </div>
  84.           </form>
  85.           <div class="row justify-content-center">
  86.             <button class="btn btn-sm btn-outline-secondary mr-3" data-dismiss="modal">Annuler</button>
  87.             <button class="btn btn-sm btn-outline-primary" id="btn-reset-pwd-submit">Valider</button>
  88.           </div>
  89.         </div>
  90.       </div>
  91.     </div>
  92.   </div>
  94. {% block javascripts %}
  95.   {{ encore_entry_script_tags('js/login') }}
  96. {% endblock %}
  100. {% endblock %}