templates/security/login.html.twig line 1

Open in your IDE?
  1. {% extends 'layout/frontEndLayout.html.twig' %}
  2. {% block title %}Connexion — Institut Bethesda{% endblock %}
  4. {% block body %}
  5. <div class="auth-shell">
  7. {# ── Panneau visuel ── #}
  8. <div class="auth-vis">
  9. <div class="auth-vis__bg" style="background-image:url('{{ asset('assets/images/slider-01.jpg') }}')"></div>
  10. <div class="auth-vis__ov"></div>
  11. <div class="auth-vis__bar"></div>
  13. <div class="auth-vis__logo">
  14. <div class="auth-vis__crest"><img src="{{ asset('assets/images/BethesdaLogo.png') }}" alt="Bethesda"></div>
  15. <div>
  16. <div class="auth-vis__sname">Institut Bethesda</div>
  17. <div class="auth-vis__stag">LiveEdu &bull; Plateforme scolaire</div>
  18. </div>
  19. </div>
  21. <div class="auth-vis__content">
  22. <div class="auth-vis__quote">
  23. L'excellence <em>commence ici.</em><br>Gérez votre école avec intelligence.
  24. </div>
  25. <p class="auth-vis__caption">
  26. Bulletins, notes, absences et statistiques centralisés pour
  27. l'Institut Secondaire Bilingue Bethesda.
  28. </p>
  29. </div>
  30. </div>
  32. {# ── Formulaire ── #}
  33. <div class="auth-form">
  35. <div class="auth-form__title">Connexion</div>
  36. <div class="auth-form__sub">Entrez vos identifiants pour accéder à votre espace.</div>
  38. {% if error %}
  39. <div class="f-alert f-alert--err">
  40. <i class="fa fa-exclamation-circle"></i>
  41. <span>{{ error.message }}</span>
  42. </div>
  43. {% endif %}
  45. <form method="post" action="{{ path('app_login') }}" novalidate>
  46. <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  48. <div class="f-group">
  49. <label for="email">Adresse email</label>
  50. <input type="email" id="email" name="email"
  51. value="{{ last_username }}"
  52. placeholder="[email protected]"
  53. autocomplete="email" required autofocus>
  54. </div>
  56. <div class="f-group">
  57. <label for="password">Mot de passe</label>
  58. <input type="password" id="password" name="password"
  59. placeholder="••••••••"
  60. autocomplete="current-password" required>
  61. </div>
  63. <div class="f-opts">
  64. <label>
  65. <input type="checkbox" name="_remember_me" id="remember_me">
  66. Se souvenir de moi
  67. </label>
  68. <a href="{{ path('app_forgot_password_request') }}">Mot de passe oublié ?</a>
  69. </div>
  71. <button type="submit" class="btn btn-gold btn-full btn-lg">
  72. <i class="fa fa-sign-in"></i> Se connecter
  73. </button>
  74. </form>
  76. <div class="auth-foot">
  77. Pas encore de compte ? <a href="{{ path('app_register') }}">Créer un compte</a>
  78. </div>
  79. </div>
  81. </div>
  82. {% endblock %}