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

{% block title %}Connexion — Administration TomonIA{% endblock %}
{% block meta_description %}Connexion sécurisée à l’administration TomonIA.{% endblock %}
{% block meta_robots %}<meta name="robots" content="noindex, nofollow">{% endblock %}

{% block stylesheets %}
  {{ parent() }}
  <link rel="stylesheet" href="{{ asset('assets/css/admin.css') }}">
{% endblock %}

{% block body %}
  <main class="admin-auth-shell" id="main-content" tabindex="-1">
    <section class="admin-auth-card" aria-labelledby="login-title">
      <a class="admin-logo" href="{{ path('app_home') }}" aria-label="Retour au site TomonIA">
        <img src="{{ asset('assets/images/tomonia-logo.svg') }}" alt="TomonIA Experience">
      </a>

      <p class="admin-kicker">Espace sécurisé</p>
      <h1 id="login-title">Connexion administratrice</h1>
      <p class="admin-intro">Accédez aux demandes reçues depuis le formulaire TomonIA.</p>

      {% if authenticationError %}
        <div class="admin-alert" role="alert">Identifiants invalides ou trop de tentatives. Réessayez dans quelques instants.</div>
      {% endif %}

      <form class="admin-login-form" method="post" action="{{ path('app_login') }}">
        <div class="admin-field">
          <label for="login-email">Adresse e-mail</label>
          <input
            id="login-email"
            name="_username"
            type="email"
            value="{{ lastUsername }}"
            autocomplete="username"
            maxlength="254"
            required
            autofocus
          >
        </div>

        <div class="admin-field">
          <label for="login-password">Mot de passe</label>
          <input
            id="login-password"
            name="_password"
            type="password"
            autocomplete="current-password"
            required
          >
        </div>

        <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
        <button class="admin-button" type="submit">Se connecter</button>
      </form>

      <a class="admin-back-link" href="{{ path('app_home') }}">← Retour au site</a>
    </section>
  </main>
{% endblock %}