LSBC/templates/login/index.html.twig

{% extends 'base.html.twig' %}

{% block title %}Login{% endblock %}

{% block stylesheets %}
  {{ parent() }}
  <style>
form { display: flex; flex-direction: column; gap: 0.5em; }
  </style>
{% endblock %}

{% block body %}
  <h1>Login</h1>
  {% if error %}
    <p>{{ error.messageKey|trans(error.messageData, 'security') }}</p>
  {% endif %}

  <form action="{{ path('app_login') }}" method="post">
    <label for="username">Email:</label>
    <input type="text" id="username" name="_username" value="{{ last_username }}">

    <label for="password">Password:</label>
    <input type="password" id="password" name="_password">

    {# If you want to control the URL the user is redirected to on success
    <input type="hidden" name="_target_path" value="/account"> #}

    <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">

    <button type="submit">Login</button>
  </form>
{% endblock %}