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

{% block title %}Log in!{% endblock %}

{% block body %}
<section class="container"> 
    <div class="row justify-content-center"> 
        <div class="col-md-6">
            <div class="cor-side-com">
                <div class="ho-ev-latest ho-ev-latest-bg-3">
                    <div class="ho-lat-ev text-center">
                        <h4>Connexion</h4>
                        <p>Veillez vous identifier.</p>
                    </div>
                </div>
                <div class="ho-st-login">
                    <div class="col s12">
                        <form class="col s12" method="post">
                            {% if app.user %}
                                <div class="mb-3">
                                    You are logged in as {{ app.user.username }}, <a href="{{ path('app_logout') }}">Logout</a>
                                </div>
                            {% endif %}
                            <div class="message-flash">
                                {% if error %}
                                    <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                                {% endif %}
                            </div>
                            <div class="row">
                                <div class="input-field col s12"> 
                                    <label for="inputEmail">Votre adresse email</label>
                                    <input type="email" value="{{ last_username }}" name="_username" id="inputEmail" class="form-control" autocomplete="email" required autofocus>
                                </div>
                            </div>
                            <div class="row">
                                <div class="input-field col s12">
                                    <label for="inputPassword">Votre mot de passe</label>
                                    <input type="password" name="_password" id="inputPassword" class="form-control" autocomplete="current-password" required>
                                </div>
                            </div>
                            <input type="hidden" name="_csrf_token"value="{{ csrf_token('authenticate') }}">
                            <div class="row">
                                <div class="input-field col s12">
                                    <input type="checkbox" name="checkbox" id="exampleCheckbox1" value="">
                                    <label class="form-check-label" for="exampleCheckbox1"><span>Remember me</span></label>
                                </div>
                            </div>
                            <div>
                                <div class="input-field s12"> <a href="{{path('app_forgot_password_request')}}">Forgot password</a> | <a href="#">Create a new account</a> </div>
                            </div>
                            <div class="row">
                                <div class="input-field col s12">
                                    <input type="submit" value="Login" class="waves-effect waves-light light-btn">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div>
			    <img width="100%" height="400" src="{{ asset('assets/images/slider/afpal.jpg') }}" alt="">
			</div>
        </div>
    </div>
</section>
    {#
        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>
    #}
{% endblock %}