templates/security/login.html.twig line 35

Open in your IDE?
  1. {% extends 'base_login.html.twig' %}
  2. {% block headerTitle %}Login{% endblock %}
  3. {% block messages %}
  4. {% endblock %}
  5. {% block body %}
  7.     <div class="row mt-3">
  8.         <div class="col-sm-12 login-logo text-center">
  9.             <img src="{{ asset('layout/dist/images/logo.svg') }}" width="150px">
  10.         </div>
  11.     </div>
  13.     <div class="row login justify-content-center mt-3">
  14.         <div class="col-xl-10 col-lg-12 col-md-9">
  15.             <div class="card o-hidden border-0 shadow-lg my-5">
  16.                 <div class="card-body p-0">
  18.                     {{ include('flash_messages.html.twig') }}
  20.                     <!-- Nested Row within Card Body -->
  21.                     <div class="row">
  22.                         <div class="col-lg-6 d-none d-lg-block bg-login-image" style="background: url(https://source.unsplash.com/featured/?architecture,modern/800x600); background-position: center; background-size: cover;">
  23.                             <div class="credits">Fotos auf <a href="https://unsplash.com?utm_medium=referral" target="_blank">Unsplash</a>  </div>
  24.                         </div>
  25.                         <div class="col-lg-6">
  26.                             <div class="p-5">
  27.                                 <div class="text-center">
  28.                                     <h1 class="h4 text-gray-900 mb-4">Willkommen zurück!</h1>
  29.                                 </div>
  30.                                 <form method="post" action="{{ path('app_login') }}" class="user">
  31.                                     {% if error %}
  32.                                         <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  33.                                     {% endif %}
  35.                                     {% if app.user %}
  36.                                         <div class="mb-3">
  37.                                             Sie sind bereits angemeldet als {{ app.user.username }}, <a href="{{ path('app_logout') }}">Abmelden?</a>
  38.                                         </div>
  39.                                     {% endif %}
  41.                                     <div class="form-group">
  42.                                         <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control form-control-user" placeholder="Ihre E-Mail-Adresse" required autofocus>
  43.                                     </div>
  44.                                     <div class="form-group">
  45.                                         <input type="password" name="password" id="inputPassword" class="form-control form-control-user" placeholder="Ihr Passwort" required>
  46.                                     </div>
  48.                                     <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  50.                                     <div class="form-row">
  51.                                         <div class="form-group col-sm-12 col-md-6">
  52.                                             <button class="btn btn-sm btn-primary" type="submit">
  53.                                                 Anmelden
  54.                                             </button>
  55.                                         </div>
  56.                                         <div class="form-group col-sm-12 col-md-6 text-right">
  57.                                             <a class="btn btn-sm btn-outline-secondary" href="{{ path('app_forgot_password_request') }}">Passwort vergessen?</a>
  58.                                         </div>
  59.                                     </div>
  60.                                 </form>
  61.                             </div>
  62.                         </div>
  63.                     </div>
  64.                 </div>
  65.             </div>
  66.         </div>
  67.     </div>
  68. {% endblock %}