{% extends 'Layout/layout.html.twig' %}

{% block title %} TIMEPAC ACADEMY: Login {% endblock %}

{% block content %}
    {% if error %}
        <div class="flash-notice warning">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
    {% endif %}

    <section class="l-container l-container--maxHeight l-container--min-color">
        <div class="l-container__item l-container__item--min-size">
            <div class="l-login">
                <form class="form-login" action="{{ path('app_login') }}" method="post">
                    
                    {% if app.user %}
                        <div class="mb-3">
                            {% trans %}You are logged in as{% endtrans %} {{ app.user.username }}, <a href="{{ path('app_logout') }}">Logout</a>
                        </div>
                    {% endif %}

                    <h3>{% trans %}Login{% endtrans %}</h3>

                    <div class="cntnt-field">
                        <label for="username">{% trans %}Email{% endtrans %}</label>
                        <input type="text" id="username" class="signin" name="_username" value="{{ last_username }}" required autofocus>

                        <label for="password">{% trans %}Password{% endtrans %}</label>
                        <input type="password" id="password" name="_password" class="signin" required>

                    </div>

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


                    {#
                        Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.
                        See https://symfony.com/doc/current/security/remember_me.html

                        <div class="checkbox mb-3">
                            <label>
                                <input type="checkbox" name="_remember_me"> Remember me
                            </label>
                        </div>
                    #}

                    <div class="cntnt-field cntnt-field--end">
                        <input type="submit" class="txt__bd1" value="{% trans %}Sign in{% endtrans %}">
                    </div>
                    <div class="cntnt-field cntnt-field--end">
                        
                        
                    </div>
                </form>
            </div>

            <div class="l-sublogin">
                <div class="cntnt-field cntnt-field--end">
                    <h4 class="color">{% trans %}Do you need an account?{% endtrans %}</h4>
                    <p style="margin-top: 10px;">
                        <a href="{{ path('app_register') }}" class="color">{% trans %}Sign up{% endtrans %}</a>
                    </p>
                </div>
                <div class="cntnt-field cntnt-field--end">
                    <h4 class="color">{% trans %}Recover password{% endtrans %}</h4>
                    <p style="margin-top: 10px;">
                        <a href="{{ path('app_recover') }}" class="color">{% trans %}Recover password{% endtrans %}</a>
                    </p>
                </div>
                
            </div>
            
        </div>
    </section>


{% endblock %}