templates/security/login_front.html.twig line 1

Open in your IDE?
  1. {# templates/security/login.html.twig #}
  2. {% set bodyBackgroundColor = 'login' %}
  3. {% extends 'base.html.twig' %} {% block
  4.     title %}Alfred - Log in{% endblock %} {% block body %}
  6.     <div class="container-fluid">
  8.         <div class="logo-section row justify-content-center p-3">
  9.             <div class="heading-login p-2" id="login_title">Gagnez en flexibilité et contrôle avec Alfred</div>
  10.         </div>
  12.         <div class="row justify-content-center">
  14.             <div class="col-lg-auto d-none d-xl-block text-center mx-3 align-self-end">
  15.                 <object class="img-alfred-login" type="image/svg+xml" data="{{ asset('assets/images/svg/logo_login.svg') }}"></object>
  16.                 <div class="info-text text-left">
  17.                     <p>
  18.                         Vous n’avez pas encore de compte ?
  19.                         <br>
  20.                         Demandez votre devis en ligne et facilitez la gestion de vos tests !
  21.                     </p>
  22.                 </div>
  23.             </div>
  25.             <div class="col-lg-auto form-container text-center align-self-center mx-4 pt-5" id="login-form">
  26.                 <div class="row">
  27.                 <form class="validate-form" role="form" method="post">
  28.                     <div class="placeholder-form">
  29.                         <div class="form p-4">
  30.                             <div class="form-title-login">Connectez-vous !</div>
  31.                             <div class="form-paragraph">Entrez votre identifiant et mot de passe</div>
  32.                             {% if error %}
  33.                                 <div class="alert alert-danger">
  34.                                     {{ error.messageKey|trans(error.messageData, 'security') }}
  35.                                 </div>
  36.                             {% endif %} {% if app.user %}
  37.                                 <div class="mb-3">
  38.                                     You are logged in as {{ app.user.username }},
  39.                                     <a href="{{ path('app_logout') }}">Logout</a>
  40.                                 </div>
  41.                             {% endif %}
  42.                             <div class="form-email">
  43.                                 <input
  44.                                         id="inputEmail"
  45.                                         class="email-input has-val"
  46.                                         name="email"
  47.                                         value="{{ last_username }}"
  48.                                         placeholder="admin@company.com"
  49.                                         type="text"
  50.                                         required
  51.                                 />
  52.                             </div>
  53.                             <img class="line" src="{{ asset('assets/images/icons/line.png') }}">
  56.                             <div class="form-password">
  57.                                 <input
  58.                                         id="inputPassword"
  59.                                         class="password-input has-val"
  60.                                         name="password"
  61.                                         placeholder="Mot de passe"
  62.                                         type="password"
  63.                                         required
  64.                                 />
  65.                                 <img id="caps-lock" src="{{ asset('assets/images/icons/capslock.png') }}"/>
  66.                             </div>
  67.                             <img class="line" src="{{ asset('assets/images/icons/line.png') }}">
  68.                             <div class="bottom-form row">
  69.                                 <input
  70.                                         type="hidden"
  71.                                         name="_csrf_token"
  72.                                         value="{{ csrf_token('authenticate') }}"
  73.                                 />
  74.                                 <div class="forgot col">
  75.                                     <a href="{{path('app_forgot_password_request')}}"><p class="forgot-password">Mot de passe oublié ?</p></a>
  76.                                 </div>
  77.                                 <button type="submit" class="connexion-button connexion col" id="login_btn">
  78.                                     CONNEXION
  79.                                 </button>
  80.                             </div>
  81.                         </div>
  82.                     </div>
  83.                 </form>
  84.                 </div>
  85.                 <div class="row justify-content-center pt-3">
  86.                     <a class="col info-button mx-2" href="{{ url_devis }}" target="_blank">
  87.                             <p>DEVIS EN LIGNE</p>
  88.                     </a>
  89.                     <a class="col info-button mx-2" href="{{ url_video }}" target="_blank">
  90.                             <p>VIDEO</p>
  91.                     </a>
  92.                 </div>
  93.             </div>
  94.         </div>
  95.     </div>
  96.     <div data-items="Why Do We Fall, Sir? So That We Can Learn To Pick Ourselves Up.">
  97.     <!--
  98.                               ...:^::^:
  99.                           .^~???YPGBBBB57:
  100.                          !JYPGPB##&&##&&&#J
  101.                         ~PYY5#&&###BGG#B##&7
  102.                        .7~^^~B&#######&BBB#P
  103.                       .~^:^^.P&&P55YJY5B&#BP^
  104.                       :~~!^.!#&#GPJ555PB#YJ5:
  105.                       .YPP5BB#&#BBB#BB##B55P.
  106.                        !#PYG#GG#&&#####GB#P&7
  107.                         !5PGG&##&&####P5PPP#:
  108.                           JB5#&&BB&#5Y5YP55J
  109.                           ?&#B&&#B&#BBBGPB&!
  110.                           5#&GG###B##&&##&G:
  111.                         .?&###GP5PG##BBBG7.
  112.                        :?7YP#&@@&PG#BGY.
  113.                       .?J7~7!~7JPP&BBYBY
  114.                  .....:?JJJB@#7  ~?7^~J5^..
  115.          .............:?JJJ?G@P^~!J5?Y7:.:~:
  116.         .....::.......:?J??J?P@&&@@@B@@#PJ7?~.....  .
  117.        .......:^.:....:?JJJJJ?G@@@@@&GB@@@57J7:.....:.
  118.       ..........~:...:.::~!7???B@@@@@B#@@@@??J?^....::
  119.      ............^...~??7!~~?J?J&@@@@&#@@@@B!?JJ~....:
  120.      ............::...~JJJJJJJJ?Y@@@@@B@@@@@?7777~...:
  121.      .............^... ^?J???J?J?P@@@@#&@@@@G!J777!^.:
  122.     ..............:.....:7J????JJ?#@@@@BG&@@&7?JJJJ~....
  123.     ........^:....::......!JJ??JJ?Y@@@@#&@@@@57JJJJ^.:..
  124.    ...:.....::^:..^....... ^?JJJ?J?B@@@&#@@@@#7JJJ?!G?:.
  125.   .::.^~:......:: ^..........!JJJJ?J&@@@B@@@@@??JJ??P?^..
  126.    .::..~^......::.:..........^?JJJ?5@@@##&@@&7?JJ7  ::..                    ...
  127.   ...::..:^:.....^:.............~?JJ?#@@&GB@@GY7JJ! .:...               ^?Y5G###G5!
  128.   .........:^:...^...............:7J?Y&@&B@@GPJ!JJ^..^..                J&###&&&&@5
  129.   .......:...:~^^:.................~??YB&B@BPJJ7JJ:..~...               7#B#B&&@@&?
  130.   ^......::^....^^................. :?7YYYG5YPBJ?7..^~::...             ~G##&&@@@B!
  131.   :.......::.....:...................:7PP?J5GGGY?~ .^^..:::.            :B&&&@@@#G~.
  132.   :......::::::.^:....................:JGJYGGGB57..:.^ :^^::.            P&@@@&PY?!!!^^^~~^.
  133.  .:..::^^^::::::.^~::::.:::::....:.... !PYGGGPG5!::.:7:^~~777!!~~!!!!!!!!5B#GYJJ?777!77!!!77~.
  134.  ...:^::.:^^:::.:^........::::..:.75J?J5BBBB####BGPPGPJY5GBBB#######################BBGGP555Y?~
  135.  :......:^:..:...................7@@G&&&&&&&&&##&B#B#B##GPGGGGGGGGGPPPPPPPGGGGGGGGBBBBBB######BPY7:
  136.  ........:::....................^#@#B&&&###&&&##BG###BJ5GJPPPPPPPPPPPPPPPPPPPPPPPPPPPPGGGGBGBBBBGJ:
  137.   ...............:::::..........J@@B5#&&&&&&&&#BG##BJ5Y5PGGGGGPGGGGPGGGPPPPPP5PP55PPGP5PP55YJ7!^.
  138.    .......:::^^^^::.............YB&G^^!?PGPPPPGPPJ~^:^^~~!7??JJJYYYYY555YY5PYPPBGPB##BG5^
  139.      .....::::...::......?^~?..:7YP5YY?7GYYP55PPP!7^.................:.YB5GB###BBBGG#&&7
  140.                 :~~~~?!!~!!!?~^^7PGGBBBBBPYYPBBGBBB~.:::^::^::::.......P@@GPBBBGBB###J^
  141.                ....:?BPPGYP55PGGGGGGGGGGGG55GGBGGGB! .::::.............?BB#5YY5GGBP7!
  142.                :..^YPGPGP5B55PY5PGBGGBBGGP5J?55PGBP^            .......:~^^^: ...:.
  143.               .:.!Y5PG5GP5B55B55PY5PGP5Y5JGYYGYPY5J:                    ..
  144.              .:.^Y55PP5G55B5PB5PB5PPJP55G5GJYG5GYP5~
  145.              ..^!5P5PP5B5PG5PG5PB5GGYBPPG5GYJG5GYG5~
  147. -->
  148.     </div>
  149. {% endblock %}
  150. {% block javascripts %}
  151. <script type="text/javascript" src="{{ asset('assets/js/login.js') }}"></script>
  152. {% endblock %}