vendor/eckinox/admin-ui-bundle/templates/security/login.html.twig line 1

Open in your IDE?
  1. {% extends '@EckinoxAdminUi/base.html.twig' %}
  3. {% block title %}{% trans %}eckinox_admin_ui.titles.log_in{% endtrans %}{% endblock %}
  5. {% block body %}
  6. <div class="main d-flex justify-content-center w-100">
  7.     <main class="content d-flex p-0">
  8.         <div class="container d-flex flex-column">
  9.             <div class="row h-100">
  10.                 <div class="col-sm-10 col-md-8 col-lg-6 mx-auto d-table h-100">
  11.                     <div class="d-table-cell align-middle">
  12.                         <div class="text-center mt-4 mb-4">
  13.                             {% block app_logo_login %}
  14.                                 {% set logo = 'eckinox_admin_ui.app.logo_login'|trans %}
  15.                                 {% if logo != 'eckinox_admin_ui.app.logo_login' %}
  16.                                     <img src="{{ asset(logo|trans) }}" class="login-logo mb-4 w-50" />
  17.                                 {% endif %}
  18.                             {% endblock %}
  19.                             <h1 class="h2">{% trans %}eckinox_admin_ui.titles.log_in{% endtrans %}</h1>
  20.                         </div>
  21.                         <div class="card">
  22.                             <div class="card-body">
  23.                                 <div class="m-sm-4">
  24.                                     <form method="post" id="login_form">
  25.                                        {% if error %}
  26.                                             <div class="alert alert-danger alert-outline-coloured alert-dismissible" role="alert">
  27.                                                 <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  28.                                                 <div class="alert-icon">
  29.                                                     <i class="far fa-fw fa-bell"></i>
  30.                                                 </div>
  31.                                                 <div class="alert-message">
  32.                                                     {{ error.messageKey|trans(error.messageData, 'security') }}
  33.                                                 </div>
  34.                                             </div>
  35.                                         {% endif %}
  37.                                         <div class="mb-3">
  38.                                             <label class="form-label" for="username">
  39.                                                 {% trans %}eckinox_admin_ui.fields.email{% endtrans %}
  40.                                             </label>
  41.                                             <input class="form-control form-control-lg" id="username" type="email" value="{{ last_username }}" name="_username" placeholder="{% trans %}eckinox_admin_ui.placeholders.email{% endtrans %}"  required autofocus />
  42.                                         </div>
  43.                                         <div class="mb-3">
  44.                                             <label class="form-label" for="password">
  45.                                                 {% trans %}eckinox_admin_ui.fields.password{% endtrans %}
  46.                                             </label>
  47.                                             <input class="form-control form-control-lg" id="password" type="password" name="_password" placeholder="{% trans %}eckinox_admin_ui.placeholders.password{% endtrans %}" required />
  48.                                             <small>
  49.                                                 <a href="{{ link_forgot_password }}" class="">{% trans %}eckinox_admin_ui.buttons.forgot_password{% endtrans %}</a>
  50.                                             </small>
  51.                                         </div>
  53.                                         <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" />
  54.                                         {% if target_path is defined %}
  55.                                             <input type="hidden" name="_target_path" value="{{ target_path }}"/>
  56.                                         {% endif %}
  58.                                         <div>
  59.                                             <div class="form-check align-items-center">
  60.                                                 <input id="_remember_me" type="checkbox" class="form-check-input" name="_remember_me" checked>
  61.                                                 <label class="form-check-label text-small" for="_remember_me">{% trans %}eckinox_admin_ui.fields.remember_me{% endtrans %}</label>
  62.                                             </div>
  63.                                         </div>
  64.                                         <div class="text-center mt-3 d-grid gap-2">
  65.                                             <button type="submit" class="btn btn-lg btn-primary">
  66.                                                 {% trans %}eckinox_admin_ui.buttons.sign_in{% endtrans %}
  67.                                             </button>
  68.                                             {% if facebook_login %}
  69.                                             <div class="d-flex justify-content-between align-items-center separator"><hr><span>Ou</span><hr></div>
  70.                                             <a href="{{ path('eckinox_security_connect_facebook_start') }}" class="btn btn-lg btn-facebook">
  71.                                                 {% trans %}eckinox_admin_ui.buttons.facebook{% endtrans %}
  72.                                             </a>
  73.                                             {% endif %}
  74.                                         </div>
  76.                                     </form>
  77.                                 </div>
  78.                             </div>
  79.                         </div>
  80.                     </div>
  81.                 </div>
  82.             </div>
  83.         </div>
  84.     </main>
  85. </div>
  86. {% endblock %}