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

{% block body %}
<div id="auth">
    {% if error %}
        <div style="color:red">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
    {% endif %}
        <div class="row h-100">
            <div class="col-lg-5 col-12">
                <div id="auth-left">
                    <div class="auth-logo">
                        <a href="https://pepiercharrel.wixsite.com/monsite"><img src="{{ asset('styles/images/logo/logo_company.png') }}" alt="Logo"></a>
                    </div>
                    <h1 class="auth-title">Connexion</h1>
                    <p class="auth-subtitle mb-5">Utilisez votre identifiant et mot de passe.</p>

                    <form method="post">
                        <div class="form-group position-relative has-icon-left mb-4">
                            <input type="text" name="_username" id="username" value="{{ last_username }}" autocomplete="username" class="form-control form-control-xl" placeholder="identifiant">
                            <div class="form-control-icon">
                                <i class="bi bi-person"></i>
                            </div>
                        </div>
                        <div class="form-group position-relative has-icon-left mb-4">
                            <input type="password" name="_password" id="password" autocomplete="current-password" class="form-control form-control-xl" placeholder="mot de passe">
                            <div class="form-control-icon">
                                <i class="bi bi-shield-lock"></i>
                            </div>
                            <input type="hidden" name="_csrf_token" data-controller="csrf-protection" value="{{ csrf_token('authenticate') }}">
                        </div>
                        <div class="form-check form-check-lg d-flex align-items-end">
                            <div class="col-sm-6">                       
                            <input class="form-check-input me-2" type="checkbox" value="" id="_remember_me" name="_remember_me">
                            <label class="form-check-label text-gray-600" for="_remember_me">
                                Se souvenir de moi
                            </label>
                            </div>
                            <div class="col-sm-6 text-end">
                                <input type="submit" name="submit" class="btn btn-info btn-md" value="Connexion">
                            </div>
                        </div>
                    </form>
               {#}     <div class="text-center mt-5 text-lg fs-4">
                        <p><a class="font-bold" href="auth-forgot-password.html">Mot de passe oublié ?</a>.</p>
                    </div> #}
                </div>
            </div>
            <div class="col-lg-7 d-none d-lg-block">
                <div id="auth-right">

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

    </div>

<div>


{% endblock %}