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

{% block title %}Connexion admin{% endblock %}

{% block body %}
<main style="min-height: 100vh; display: grid; place-items: center; padding: 32px; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #f6f7f9; color: #1b1f24;">
    <form method="post" style="width: min(420px, 100%); padding: 28px; background: #fff; border: 1px solid #dfe3e8; border-radius: 8px;">
        <h1 style="margin: 0 0 20px; font-size: 28px;">Yfimo admin</h1>

        {% if error %}
            <p style="padding: 12px; margin: 0 0 16px; border-radius: 6px; color: #7a1f1f; background: #fde8e8;">Identifiants invalides.</p>
        {% endif %}

        <label for="inputEmail" style="display: block; margin-bottom: 6px; font-weight: 600;">Email</label>
        <input type="email" value="{{ last_username }}" name="email" id="inputEmail" autocomplete="email" required autofocus style="box-sizing: border-box; width: 100%; margin-bottom: 16px; padding: 12px; border: 1px solid #c9d0d8; border-radius: 6px;">

        <label for="inputPassword" style="display: block; margin-bottom: 6px; font-weight: 600;">Mot de passe</label>
        <input type="password" name="password" id="inputPassword" autocomplete="current-password" required style="box-sizing: border-box; width: 100%; margin-bottom: 16px; padding: 12px; border: 1px solid #c9d0d8; border-radius: 6px;">

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

        <button type="submit" style="width: 100%; padding: 12px; border: 0; border-radius: 6px; color: #fff; background: #1f2937; font-weight: 700; cursor: pointer;">Connexion</button>
    </form>
</main>
{% endblock %}