templates/security/login.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Log in!{% endblock %}
  5. {% block body %}
  7. <style>
  8.     .back {
  9.         background: #e2e2e2;
  10.         width: 100%;
  11.         position: absolute;
  12.         top: 0;
  13.         bottom: 0;
  14.     }
  16.     .div-center {
  17.         width: 400px;
  18.         height: 400px;
  19.         background-color: #fff;
  20.         position: absolute;
  21.         left: 0;
  22.         right: 0;
  23.         top: 0;
  24.         bottom: 0;
  25.         margin: auto;
  26.         max-width: 100%;
  27.         max-height: 100%;
  28.         overflow: auto;
  29.         padding: 1em 2em;
  30.         border-bottom: 2px solid #ccc;
  31.         display: table;
  32.     }
  34.     div.content {
  35.         display: table-cell;
  36.         vertical-align: middle;
  37.     }
  38.     .content img {
  39.         margin: 0 auto; /* Centrar la imagen horizontalmente */
  40.         display: block;
  41.         max-width: 100%; /* Asegurar que la imagen no exceda el ancho del contenedor */
  42.     }
  44.     .form-control, .btn {
  45.         min-height: 38px;
  46.         border-radius: 2px;
  47.     }
  48.     .btn {        
  49.         font-size: 15px;
  50.         font-weight: bold;
  51.     }
  53. </style>
  56. <div class="back">
  57.     <div class="div-center">
  58.         <div class="content">
  59.             <img src="{{ asset('asset/images//LogoPNG.png') }}" alt="webFactura API" />
  60.             <h3>Login API-Multivende</h3>
  61.             <hr />
  62.             <form action="{{ path('app_login') }}" method="post">
  63.                 {% if error %}
  64.                     <div class="alert alert-danger" style="color:red;">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  65.                 {% endif %}
  66.                 {% if app.user %}
  67.                     <div class="mb-3" style="color:black;">
  68.                         Conectado como {{ app.user.username }}, <a href="{{ path('app_logout') }}">Logout</a>
  69.                     </div>
  70.                 {% endif %}
  71.                 <div class="form-group">
  72.                     <label for="username">Email</label>
  73.                     <input type="email" value="{{ last_username }}" name="_username" id="username" class="form-control" autocomplete="email" placeholder='Email' required autofocus>
  74.                 </div>
  75.                 <div class="form-group">
  76.                     <label for="password">Password</label>
  77.                     <input type="password" name="_password" id="password" class="form-control" autocomplete="current-password" placeholder="********" required>
  78.                     <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  79.                 </div> 
  80.                 <button type="submit" class="btn btn-primary btn-block">Login</button>
  81.             </form>
  82.         </div> 
  83.     </div> 
  84. </div> 
  85. {% endblock %}