templates/security/connexion.html.twig line 1

Open in your IDE?
  1. {% extends 'dashboard/layout.html.twig' %}
  3. {% block title %}{% endblock %}
  5. {% block body %}
  6.     <main class="template-account-choice bg-lbp container-fluid vh-100">
  7.         <a class="template-login__logo" href="https://www.lesbonsprofs.com" title="Accueil">
  8.             <img class="w-100 h-100" src="/static/img/commun/logo.png" alt="Logo LesBonsProfs.com">
  9.         </a>
  10.         <div class="d-flex justify-content-center">
  11.             <div class="template-login__container">
  12.                 <form class="template-login__container__form" method="post">
  13.                     {% if error %}
  14.                         {% if error.code != '45' %}
  15.                             <div class="alert alert-danger" style="max-width:450px">Mince... Ce n'est pas le bon mot de passe. Ou alors, ce n'est pas le bon email.<br/> Si besoin, vous pouvez créer un nouveau mot de passe. Avec lien vers Mot de passe oublié ?</div>
  16.                         {% else %}
  17.                             <div class="alert alert-danger" style="max-width:450px">
  18.                                 Votre adresse email n'a pas été vérifiée.<br/> Pour vous connecter, vous devez accédez à votre boîte de réception, ouvrez l'e-mail de validation et cliquer sur le lien d'activation.
  19.                             </div>
  20.                         {% endif %}
  21.                     {% endif %}
  23.                     {% if app.user %}
  24.                         <div class="mb-3">
  25.                             Tu es déjà connecté {{ app.user.username }}, <a href="{{ path('app_logout') }}">Déconnexion</a>
  26.                         </div>
  27.                     {% endif %}
  28.                     <h1 class="template-login__container__form__title">
  29.                         Connexion
  30.                     </h1>
  32.                     <div class="template-login__container__form__group form-group mb-4">
  33.                         <label for="login">
  34.                             Email <span>*</span>
  35.                         </label>
  36.                         <input type="email" value="{{ last_username }}" class="form-control" name="email" id="login" placeholder="[email protected]">
  37.                     </div>
  39.                     <div class="template-login__container__form__group form-group mb-4">
  40.                         <label for="password">
  41.                             Mot de passe <span>*</span>
  42.                         </label>
  43.                         <input type="password" class="form-control" id="password" name="password" placeholder="">
  44.                     </div>
  46.                     <div class="template-login__container__form__row d-flex justify-content-between">
  48.                         <div class="template-login__container__form__remind-me custom-control custom-checkbox">
  49.                             <input type="checkbox" class="custom-control-input" id="remind-me">
  50.                             <label class="custom-control-label" for="remind-me">
  51.                                 Se souvenir de moi
  52.                             </label>
  53.                         </div>
  55.                         <a class="template-login__container__form__forgotten-password" href="{{ path('app_forgot_password_request') }}" title="Mot de passe oublié">
  56.                             Mot de passe oublié ?
  57.                         </a>
  58.                     </div>
  59.                     <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  60.                     <button type="submit" class="btn btn-pink btn-raduis mb-5">Je me connecte</button>
  61.                     <div class="text-center"><span class="d-block mb-2">Vous n'êtes pas encore inscrit ?</span> <a href="https://www.lesbonsprofs.com/nos-offres/">Essayez gratuitement Les Bons Profs pendant 7 jours.</a></div>
  62.                 </form>
  64.                 {#<hr style="margin-top: 40px;margin-bottom: 40px"/>
  65.                 <div>
  66.                     <h4 class="template-login__container__form__title mb-4">Tu n’as pas encore de compte ? Crée un
  67.                         compte gratuitement dès maintenant.</h4>
  68.                     <a class href="">Je crée mon compte élève </a>
  69.                 </div>#}
  70.             </div>
  71.         </div>
  73.     </main>
  74.     {% set showFlash = false %}
  75.     <div id="show-dialog" class="modalcustom" style="display: none">
  76.         <h4 class="mb-4"><i class="fa fa-check-circle text-color-green"></i> Messages</h4>
  77.         {% for message in app.flashes('notice') %}
  78.             {% set showFlash = true %}
  79.             <div class="flash-notice">
  80.                 {{ message|raw }}
  81.             </div>
  82.         {% endfor %}
  83.     </div>
  84.     <script type="text/javascript">
  85.         {% if showFlash %}
  86.         $('#show-dialog').modalcustom({
  87.             closeExisting: false
  88.         });
  89.         {% endif %}
  90.     </script>
  91. {% endblock %}