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

{% block title %}{{ 'login'|trans }}{% endblock %}

{% block body %}
<div class="login-register-page">
    <div class="login-container">
        <h1 class="login-title">Rail Journey Tracker</h1>
        <p class="login-info">{{ 'use_data_login'|trans }}</p>
        {% if error %}
            <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
        {% endif %}

        {% if app.user %}
            <div class="mb-3">
                {{ 'logged_in_as'|trans }} {{ app.user.userIdentifier }}, <a href="{{ path('app_logout') }}">{{ 'logout'|trans }}</a>
            </div>
        {% endif %}
        <form class="login-form" method="post">    
            <label class="login-label" for="inputEmail">{{ 'email'|trans }}</label>
            <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control login-input" autocomplete="email" required autofocus>
            <label class="login-label" for="inputPassword">{{ 'password'|trans }}</label>
            <input type="password" name="password" id="inputPassword" class="form-control login-input" autocomplete="current-password" required>

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

            <div class="checkbox mb-3 login-checkbox">
                <label>
                    <input type="checkbox" name="_remember_me"> {{ 'remember_me'|trans }}
                </label>
            </div>

            <button class="login-btn login-primary-btn" type="submit">
                {{ 'login'|trans }}
            </button>
            <a class="login-btn login-secondary-btn" href="{{ path('app_register') }}">
                {{ 'register'|trans }}
            </button>
        </form>
    </div>
</div>
{% endblock %}