templates/security/login.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Inicio de Sesión!{% endblock %}
  4. {% block navclass %}navbar-light bg-light{% endblock %}
  6. {% block stylesheets %}
  7.     <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,500,500i,600,600i&display=swap" rel="stylesheet" />
  8.     {{ encore_entry_link_tags('account') }}
  9.     <style>
  10.     .bd-placeholder-img {
  11.         font-size: 1.125rem;
  12.         text-anchor: middle;
  13.         -webkit-user-select: none;
  14.         -moz-user-select: none;
  15.         user-select: none;
  16.     }
  18.     @media (min-width: 768px) {
  19.         .bd-placeholder-img-lg {
  20.         font-size: 3.5rem;
  21.         }
  22.     }
  23.     </style>
  24. {% endblock %}
  25. {% block javascripts %}
  26.     {{ encore_entry_script_tags('account') }}
  27. {% endblock %}
  29. {% block bodyclass %}d-flex align-items-center py-4 bg-body-tertiary{% endblock %}
  30. {% block body %}
  31. <main class="form-signin w-100 m-auto">
  33.     <form method="post">
  34.         <i class="bi bi-headset mb-4" style="font-size: 72px"></i>
  35.         {# <img class="mb-4" src="../assets/brand/bootstrap-logo.svg" alt="" width="72" height="57"> #}
  36.         <h1 class="h3 mb-3 fw-normal">CallCenter C&W</h1>
  38.         {% if error %}
  39.             <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  40.         {% endif %}
  42.         {% if app.user %}
  43.             <div class="mb-3">
  44.                 Estás logeado como {{ app.user.username }}, <a href="{{ path('app_logout') }}">Salir</a>
  45.             </div>
  46.         {% endif %}
  48.         <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  50.         <div class="form-floating">
  51.             <input placeholder="usuario" type="text" value="{{ last_username }}" name="username" id="inputUsername" class="form-control" autocomplete="username" required autofocus>
  52.             <label for="inputUsername">Usuario</label>
  53.         </div>
  54.         
  55.         <div class="form-floating">
  56.             <input placeholder="contraseña" type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password" required>
  57.             <label for="inputPassword">Contraseña</label>
  58.         </div>
  60.         <div class="checkbox mb-3">
  61.             {# <label>
  62.                 <input type="checkbox" value="remember-me"> Remember me
  63.             </label> #}
  64.         </div>
  66.         <button class="w-100 btn btn-lg btn-primary" type="submit">Iniciar Sesión</button>
  67.         <p class="mt-5 mb-3 text-muted">&copy; Desarrollado por bitcubo - {{ "now"|date("Y") }}</p>
  68.         
  69.     </form>
  70. </main>
  71. {% endblock %}