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

{% block og_title %}Se connecter{% endblock %}

{% block og_description %}Page de connexion{% endblock %}

{% block title %}{{ parent() }} | Se connecter{% endblock %}

{% block body %}

    <form method="post">
        <div id="page">
            <main>
                <div class="container margin_60">
                    <div class="row justify-content-center">
                        <div class="col-xl-6 col-lg-6 col-md-8">
                            <div class="box_account">
                                <h3 class="new_client">Connexion</h3> <small class="float-end pt-2">* Required
                                    Fields</small>
                                <div class="form_container">
                                    <div class="row g-0">

                                        {% if error %}
                                            <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                                        {% endif %}

                                        {% if app.user %}
                                            <div class="mb-3">
                                                You are logged in as {{ app.user.userIdentifier }}, <a
                                                        href="{{ path('app_logout') }}">Logout</a>
                                            </div>
                                        {% endif %}

                                        <div class="col-12">
                                            <div class="form-group">
                                                <input type="email" value="{{ last_username }}" name="email" id="inputEmail"
                                                       class="form-control" autocomplete="email" required autofocus>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="form-group">
                                                <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="form-group">
                                            <label class="container_check">Rester connecté
                                                <input type="checkbox" name = '_remember_me'>
                                                <span class="checkmark"></span>
                                            </label>
                                        </div>

                                        <div class="text-center">
                                            <button type="submit" class="btn_1 full-width">Se connecter</button>
                                        </div>
                                    </div>
                                    <!-- /form_container -->
                                </div>
                                <!-- /box_account -->
                            </div>
                        </div>
                        <!-- /row -->
                    </div>
                </div>
                <!-- /container -->
            </main>
            <!--/main-->
            <!--/footer-->
        </div>
        <!-- page -->
    </form>
{% endblock %}