templates/security/login.html.twig line 1

  1. {# templates/security/index.html.twig #}
  2. {% extends 'base.html.twig' %}
  4. {% block title %}Firma Vila Viniteca - Login
  5. {% endblock %}
  8. {% block body %}
  9.     
  10.     <style>
  11.         body {
  12.             font-family: Arial, sans-serif;
  13.             background-color: #f4f4f4;
  14.             margin: 0;
  15.             padding: 0;
  16.             display: flex;
  17.             flex-direction: column;
  18.             justify-content: center;
  19.             align-items: center;
  20.             height: 100vh;
  21.         }
  23.         .container {
  24.             display: flex;
  25.             flex-direction: column;
  26.             justify-content: center;
  27.             align-items: center;
  28.             margin: auto;
  29.         }
  31.         form {
  32.             background-color: #fff;
  33.             padding: 20px;
  34.             border-radius: 5px;
  35.             box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  36.             width: 300px;
  37.         }
  39.         form label {
  40.             display: block;
  41.             margin-bottom: 5px;
  42.         }
  44.         form input[type="text"],
  45.         form input[type="password"] {
  46.             width: 100%;
  47.             padding: 10px;
  48.             margin-bottom: 20px;
  49.             border-radius: 5px;
  50.             border: 1px solid #ccc;
  51.         }
  53.         form button {
  54.             padding: 10px 20px;
  55.             border: none;
  56.             background-color: #007BFF;
  57.             color: #fff;
  58.             border-radius: 5px;
  59.             cursor: pointer;
  60.         }
  62.         form button:hover {
  63.             background-color: #0056b3;
  64.         }
  66.         form div {
  67.             color: red;
  68.             margin-bottom: 15px;
  69.         }
  70.     </style>
  72.     <div class="container">
  75.         <div class="logo">
  76.             <h1>Firma Empresa</h1>
  77.             <img src="https://firma.vilaviniteca.es/uploads/logo.webp" alt="Vila Viniteca" class="large">
  78.         </div>
  80.         {% if error %}
  81.         <div>{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  82.     {% endif %}
  85.         <form action="{{ path('app_admin_login') }}" method="post">
  86.             <label for="username">Email:</label>
  87.             <input type="text" id="username" name="_username" value="{{ last_username }}">
  89.             <label for="password">Password:</label>
  90.             <input
  91.             type="password" id="password" name="_password">
  93.             {# If you want to control the URL the user is redirected to on success #}
  94.             <input type="hidden" name="_target_path" value="/crud">
  96.             <button type="submit">login</button>
  97.         </form>
  99.     </div>
  100. {% endblock %}