{% 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" class="form-label">Email:</label>
    <input type="text" id="username" name="_username" value="{{ last_username }}" class="form-control">

    <label for="password" class="form-label">Password:</label>
    <input type="password" id="password" name="_password" class="form-control">

    <input type="hidden" name="_target_path" value="/manage/podcasts">
    <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
    <button type="submit" class="btn btn-primary">Login</button>
  </form>
{% endblock %}