templates/security/login/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Log-In{% endblock %}
  5. {% block stylesheets %}
  6.     {{ encore_entry_link_tags('security') }}
  7. {% endblock %}
  9. {% block body_class %}form{% endblock %}
  11. {% block body %}
  12.     <div class="form-container">
  13.         <div class="form-form">
  14.             <div class="form-form-wrap">
  15.                 <div class="form-container">
  16.                     <div class="form-content">
  18.                         <h1 class="">Log In <a href="{{ path('admin_index') }}"><span class="brand-name">Esc'Appart</span></a></h1>
  19.                         
  20.                         <form  action="{{ path('admin_security_login') }}" class="text-left" method="post">
  21.                             <div class="form">
  22.                                 
  23.                                 {% for type, messages in app.session.flashbag.all() %}
  24.                                     {% for key, message in messages %}
  25.                                         <div class="alert alert-{{ type }}" role="alert">
  26.                                             {{ message|trans }}
  27.                                         </div>
  28.                                     {% endfor %}
  29.                                 {% endfor %}
  30.                                 {% if error %}
  31.                                     <div class="alert alert-danger" role="alert">
  32.                                         {{ error.messageKey|trans(error.messageData, 'security') }}
  33.                                     </div>
  34.                                 {% endif %}
  36.                                 <div id="username-field" class="field-wrapper input">
  37.                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
  38.                                     <input type="text" value="{{ last_username }}" id="username" name="_username" class="form-control" placeholder="Nom d'utilisateur ou adresse email" required="required" />
  39.                                 </div>
  41.                                 <div id="password-field" class="field-wrapper input mb-2">
  42.                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-lock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
  43.                                     <input type="password" class="form-control" id="password" name="_password" placeholder="Mot de passe" required="required" />
  44.                                 </div>
  45.                                 
  46.                                 <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  47.                                 
  48.                                 <div class="d-sm-flex justify-content-between">
  49.                                     <div class="field-wrapper toggle-pass">
  50.                                         <p class="d-inline-block">Afficher le mot de passe </p>
  51.                                         <label class="switch s-primary">
  52.                                             <input type="checkbox" id="toggle-password" class="d-none">
  53.                                             <span class="slider round"></span>
  54.                                         </label>
  55.                                     </div>
  56.                                     <div class="field-wrapper">
  57.                                         <button type="submit" class="btn btn-primary" id="_submit" name="_submit" value="">Se connecter</button>
  58.                                     </div>
  59.                                     
  60.                                 </div>
  62.                                 <div class="field-wrapper text-center keep-logged-in">
  63.                                     <div class="n-chk new-checkbox checkbox-outline-primary">
  64.                                         <label class="new-control new-checkbox checkbox-outline-primary">
  65.                                             <input class="new-control-input" type="checkbox" value="" id="remember_me" name="_remember_me" checked="checked"/>
  66.                                             <span class="new-control-indicator"></span>Se souvenir de moi
  67.                                         </label>
  68.                                     </div>
  69.                                 </div>
  70.                                 
  71.                                 
  73.                                 <div class="field-wrapper">
  74.                                     <a href="{{ path('admin_security_forgot_password_request') }}" class="forgot-pass-link">Mot de passe oublié?</a>
  75.                                 </div>
  77.                             </div>
  78.                         </form>                        
  79.                         <p class="terms-conditions">© {{ 'now'|date('Y') }} All Rights Reserved. <a href="{{ path('admin_index') }}">Esc'Appart</a> une division de SHbyJM Europe.</p>
  81.                     </div>                    
  82.                 </div>
  83.             </div>
  84.         </div>
  85.         <div class="form-image" style="background: linear-gradient(to bottom right, #060818, #4455b4);">
  86.             <div class="l-image" style="background-image: url({{ asset('build/images/logo-escappart-high.png') }}); background-color: transparent;"></div>
  87.         </div>
  88.     </div>
  89. {% endblock %}
  91. {% block javascripts %}
  92.     {{ encore_entry_script_tags('security') }}
  93. {% endblock %}