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

{% block javascripts %}
<script src="{{ asset('assets/js/login.js')  }}"></script>
{% endblock %}
{% block stylesheets %}
    <link rel="stylesheet" href={{ asset('assets/login/style.css') }}>
{% endblock %}
{% block body %}

<div class="container-fluid">


    <div class="container mt-4">

        <div class="row">

            <div class="col-offset-2 pt-2">

                <img class="mx-auto d-block"  src={{ asset('assets/login/Logo.png') }} alt="" id="logoLogin">

                <div class="offset-1 col-10">

                    <form action="{{ path('app_login') }}" method="post" >
                        <label for="username">Email:</label>
                        <input type="text" id="username" name="_username" value="{{ last_username }}"
                            class="form-control">

                        <label for="password">Password:</label>
                        <div class="input-group">
                            <input type="password" id="password" name="_password" class="form-control">
                            <span class="input-group-text" id="basic-addon1">
                                <i class="fas fa-eye"></i>
                            </span>
                        </div>

                        {# If you want to control the URL the user is redirected to on success
                                <input type="hidden" name="_target_path" value="/account"> #}
                        <div class="d-flex flex-row-reverse mt-3">
                            <button type="submit" class=" btn btn-primary btm-sm">se connecter</button>

                            <a href="/oubli_pass" class="btn">mot de passe oublié</a>

                        </div>
                    </form>

                </div>


                {% for message in app.flashes('success') %}
                <div class="flash-notice">
                    {{ message }}
                </div>

                {% endfor %}
                {% if error %}
                <div>{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                {% endif %}
            </div>
        </div>
    </div>

    {% endblock %}