templates/security/login.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ 'login.title' | trans({}, 'general') }}{% endblock %}
  5. {% block body %}
  6. <form method="post" class="block-login d-flex align-items-end">
  7.     {% if error %}
  8.         <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  9.     {% endif %}
  11.     <div class="form-login" style="top: 75px;">
  12.         <div class="custom-container">
  13.         <div class="titre mb-4">
  14.             {{ 'login.title' | trans({}, 'general')}}
  15.             <img src="{{ asset('resources/front/images/dream/login/logo-2.png') }}">
  16.         </div>
  17.         <div class="content mb-4">
  18.             <div class="form-group d-flex mb-4 pull-right">
  19.                 <div class="f-item fr {{ app.request.locale == "fr" ? "active" : "" }} mr-2">
  20.                     <a href="{{ path('toggle_country', {"locale" : "fr"}) }}">
  21.                         <svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
  22.                             <path d="M11.3438 5.15625H21.6562V27.8438H11.3438V5.15625Z" fill="#E6E7E8"/>
  23.                             <path d="M5.15625 5.15625C1.7392 5.15625 0 7.6957 0 10.8281V22.1719C0 25.3043 1.7392 27.8438 5.15625 27.8438H11.3438V5.15625H5.15625Z" fill="#1B75BB"/>
  24.                             <path d="M26.8125 5.15625H21.6562V27.8438H27.8438C31.2608 27.8438 33 25.3043 33 22.1719V10.8281C33 7.69519 32.9783 5.15625 26.8125 5.15625Z" fill="#EC1C24"/>
  25.                         </svg>
  26.                     </a>
  27.                 </div>
  28.                 <div class="f-item en {{ app.request.locale == "en" ? "active" : "" }}">
  29.                     <a href="{{ path('toggle_country', {"locale" : "en"}) }}">
  30.                         <svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
  31.                             <g clip-path="url(#clip0_216_1422)">
  32.                                 <path d="M19.5938 27.8438H27.8438C28.8631 27.8438 29.7294 27.6138 30.4487 27.2131L19.5938 20.7379V27.8438ZM32.8247 23.827C32.9422 23.3026 33.0021 22.7473 33.0021 22.1714V19.5932H25.7266L32.8226 23.827H32.8247ZM0.180469 9.15698C0.0582677 9.70557 -0.00226398 10.2661 1.99681e-07 10.8281V13.4062H7.30331L0.180469 9.15698ZM13.4062 5.15625H5.15625C4.14408 5.15625 3.2835 5.38313 2.5673 5.77809L13.4062 12.244V5.15625ZM2.6003 27.2384C3.3098 27.622 4.15903 27.8438 5.15625 27.8438H13.4062V20.7921L2.6003 27.2384ZM1.99681e-07 19.5938V22.1719C1.99681e-07 22.7654 0.0629065 23.3372 0.187172 23.875L7.36416 19.5938H1.99681e-07ZM30.4812 5.80336C29.7562 5.39189 28.8781 5.15625 27.8438 5.15625H19.5938V12.2982L30.4812 5.80336ZM33 13.4062V10.8281C33 10.264 32.9417 9.72005 32.8288 9.20545L25.7874 13.4062H33Z" fill="#06009C"/>
  33.                                 <path d="M25.7874 13.4062L32.8288 9.20545C32.506 7.7287 31.7202 6.50616 30.4812 5.80336L19.5938 12.2982V5.15625H18.5625V14.4375H33V13.4062H25.7874ZM0 18.5625V19.5938H7.36416L0.187172 23.875C0.528 25.3471 1.33753 26.5557 2.6003 27.2384L13.4062 20.7921V27.8438H14.4375V18.5625H0ZM33 18.5625H18.5625V27.8438H19.5938V20.7379L30.4487 27.2137C31.697 26.5186 32.4926 25.3028 32.8226 23.8281L25.7266 19.5938H33V18.5625ZM13.4062 5.15625V12.244L2.5673 5.77809C1.31433 6.46903 0.513563 7.68281 0.179953 9.15698L7.30331 13.4062H0V14.4375H14.4375V5.15625H13.4062Z" fill="white"/>
  34.                                 <path d="M18.5625 14.4375V5.15625H14.4375V14.4375H0V18.5625H14.4375V27.8438H18.5625V18.5625H33V14.4375H18.5625Z" fill="#FE0200"/>
  35.                                 <path d="M11.3118 13.4062L0.973524 7.23472C0.75129 7.56472 0.572884 7.92772 0.425415 8.31444L8.95746 13.4062H11.3103H11.3118ZM32.5308 24.7964L23.8616 19.5937H21.4609L31.9347 25.8942C32.1776 25.5548 32.3778 25.1868 32.5308 24.7985V24.7964ZM31.3083 6.3891L19.5778 13.4062L21.9595 13.4078L32.0817 7.34765C31.8559 6.93669 31.6176 6.67166 31.3083 6.3891ZM0.934853 25.7168C1.1668 26.07 1.44593 26.3899 1.76449 26.6676L13.4388 19.5937H11.086L0.934853 25.7168Z" fill="#FE0200"/>
  36.                             </g>
  37.                             <defs>
  38.                                 <clipPath id="clip0_216_1422">
  39.                                     <rect width="33" height="33" fill="white"/>
  40.                                 </clipPath>
  41.                             </defs>
  42.                         </svg>
  43.                     </a>
  44.                 </div>
  45.             </div>
  46.             <div class="form-group mb-4">
  47.                 <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" autocomplete="email" required autofocus placeholder="{{ 'login.placeholder.email' | trans({}, 'general') }}">
  48.             </div>
  49.             <div class="form-group mb-4">
  50.                 <input type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password" required placeholder="{{ 'login.placeholder.password' | trans({}, 'general') }}">
  51.             </div>
  52.             <div class="form-group mb-4">
  53.                 <input type="checkbox" required class="input-checkbox" > {{ 'login.title_cgu' | trans({'%url%': path('term_for_rgpd', {'type': 'terms-of-service'})}, 'general') | raw | nl2br }}<br>
  54.                 <label>{{ 'login.title_pc' | trans({'%url%': path('term_for_rgpd', {'type': 'privacy-policy-webapp'})}, 'general') | raw | nl2br }}</label>
  55.             </div>
  56.            
  57.             <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  58.             <button class="btn-1 active w-100" type="submit">{{ 'login.button.continue' | trans({}, 'general') }}</button>
  60.         </div>
  61.         <div class="footer">
  62.             <div>
  63.                 <a href="{{ path('forgot_password') }}">{{ 'login.link.forgot_password' | trans({}, 'general') }}</a>
  64.             </div>
  65.             <div class="position-absolute bottom-45 px-5">
  66.                 {{ 'login.have_account' | trans({}, 'general') }} <br>  <a href="{{ path('contact') }}" class="s-green">{{ 'login.link.signup' | trans({}, 'general') }}</a>
  67.             </div>
  68.         </div>
  69.         </div>
  70.     </div>
  72.     {#
  73.         Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.
  74.         See https://symfony.com/doc/current/security/remember_me.html
  76.         <div class="checkbox mb-3">
  77.             <label>
  78.                 <input type="checkbox" name="_remember_me"> Remember me
  79.             </label>
  80.         </div>
  81.     #}
  82. </form>
  83. {% endblock %}