templates/security/login.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Log in!
  4. {% endblock %}
  6. {% block body %}
  7.     <section class="vh-100" style="background-color: #303030;">
  8.         <div class="container py-5 h-100">
  9.             <div class="row d-flex justify-content-center align-items-center h-100">
  10.                 <div class="col col-xl-10">
  11.                     <div class="card" style="border-radius: 1rem;">
  12.                         <div class="row g-0">
  13.                             <div class="col-md-6 col-lg-5 d-none d-md-block">
  14.                                 <img src="images/moto2.jpg" alt="login form" class="img-fluid" style="border-radius: 1rem 0 0 1rem;"/>
  15.                             </div>
  16.                             <div class="col-md-6 col-lg-7 d-flex align-items-center">
  17.                                 <div class="card-body p-4 p-lg-5 text-black">
  18.                                     <form method="post">
  19.                                                       <div class="d-flex align-items-center mb-3 pb-1">
  20.                     <i class="fas fa-cubes fa-2x me-3" style="color: #ff6219;"></i>
  21.                     <span class="h1 fw-bold mb-0">
  22.                     {# <img src="images/banner.jpg" alt="AVDB Banner" width="500" height="200"></img> #}
  23.                     AVDB Invoice generator
  24.                     </span>
  25.                   </div>
  26.                                     {# <h5 class="fw-normal mb-3 pb-3" style="letter-spacing: 1px;">Sign into your account</h5> #}
  28.                                         {% if error %}
  29.                                             <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  30.                                         {% endif %}
  32.                                         {% if app.user %}
  33.                                             <div class="mb-3">
  34.                                                 You are logged in as
  35.                                                 {{ app.user.userIdentifier }},
  36.                                                 <a href="{{ path('app_logout') }}">Logout</a>
  37.                                             </div>
  38.                                         {% endif %}
  40.                                         <h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>
  41.                                         <div class="form-outline mb-4">
  42.                                         <label for="inputEmail">Email</label>
  43.                                         <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" autocomplete="email" required autofocus>
  44.                                         </div>
  45.                                         <div class="form-outline mb-4">
  46.                                         <label for="inputPassword">Password</label>
  47.                                         <input type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password" required>
  48.                                         </div>
  49.                                         <input
  50.                                         type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  52.                                         {#
  53.                                                 Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.
  54.                                                 See https://symfony.com/doc/current/security/remember_me.html
  55.                                         
  56.                                                 <div class="checkbox mb-3">
  57.                                                     <label>
  58.                                                         <input type="checkbox" name="_remember_me"> Remember me
  59.                                                     </label>
  60.                                                 </div>
  61.                                             #}
  63.                                         <button class="btn btn-lg btn-primary" type="submit">
  64.                                             Sign in
  65.                                         </button>
  66.                                     </form>
  67.                                 </div>
  68.                             </div>
  69.                         </div>
  70.                     </div>
  71.                 </div>
  72.             </div>
  73.         </div>
  74.     </section>
  75. {% endblock %}