{% extends 'account/auth_layout.html.twig' %}

{% block title %}Log in — Rater{% endblock %}

{% block form %}
    <h1 class="text-2xl font-bold mb-6">Welcome back</h1>

    {% if error %}
        <div role="alert" class="alert alert-error mb-4">
            <span>{{ error.messageKey|trans(error.messageData, 'security') }}</span>
        </div>
    {% endif %}

    <form method="post" class="flex flex-col gap-4">
        <fieldset class="fieldset">
            <legend class="fieldset-legend">Email</legend>
            <input
                type="email"
                id="email"
                name="_username"
                value="{{ last_username }}"
                class="input w-full"
                placeholder="you@example.com"
                autocomplete="email"
            >
        </fieldset>

        <fieldset class="fieldset">
            <legend class="fieldset-legend">Password</legend>
            <input
                type="password"
                id="password"
                name="_password"
                class="input w-full"
                placeholder="••••••••"
                autocomplete="current-password"
            >
        </fieldset>

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

        <button type="submit" class="btn btn-primary w-full mt-2">Log in</button>
    </form>

    <p class="text-sm text-center mt-6 text-base-content/60">
        No account yet?
        <a href="{{ path('app_register') }}" class="link link-primary">Register</a>
    </p>
{% endblock %}