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

{% block title %}{{ parent() }}{% endblock %}

{% block body_tag %}class="bg-evalulu"{% endblock %}

{% block nav %}{% endblock %}

{% block body %}

    <div class="row justify-content-center text-mustard">
        <div class="col-md-8">

            <div class="text-center">
                <h5>
                    <strong>EVALULU</strong>
                    <br><i>SERVER</i>
                </h5>
                <img src="{{ asset('images/evalulu-server.png') }}">
            </div>

            <h2>{{ "CONNEXION"|trans }}</h2>
        </div>
    </div>


    <div class="row justify-content-center">
        <div class="col-md-8">

            <div class="card bg-grey">
                <div class="card-body">
                    <form method="post">
                        {% if error %}
                            <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                        {% endif %}

                        <label class="fw-bold" for="inputUsername">Pseudo</label>
                        <input type="text" value="{{ last_username }}" name="_username" id="inputUsername" class="form-control" required autofocus>
                        <label class="fw-bold pt-2"  for="inputPassword">Mot de passe</label>
                        <input type="password" name="_password" id="inputPassword" class="form-control" required>

                        <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="pt-5 text-center">
                            <button class="btn btn-lg btn-primary btn-dark bg-evalulu min-width-xxl" type="submit">
                                Se connecter
                            </button>
                        </div>
                    </form>

                    <div class="text-center">
                        <a href="{{ path('app_forgot_password_request') }}" class="btn btn-lg btn-secondary min-width-xxl mt-4">
                            {{ "Mot de passe oublié"|trans }}
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </div>

{% endblock %}