{% extends 'layout/default.html.twig' %}

{% block title %} Login | Site{% endblock %}

{% block main %}



    <div class="contain:sm">

        <h1 class="mt-30 mb-3">Ravi de vous retrouver</h1>
        {# <h1 class="mt-30 mb-2">Reconnectez-vous à vos désirs</h1> #}

        {# TODO #}
        {# <div class="flex sm center">
            <button class="cta w-40">Google</button>
            <button class="cta w-40">apple</button>
        </div>
        
        <hr class="my-1">  #}

        <form method="post">

            <zb-input
                autocomplete
                {# class="e:force-lowercase" #}
                name="_username"
                value="{{ last_username|lower }}"
                type="email"
                max="180"
                required
                placeholder="E-mail"
                message="{
                    error: 'Oups, le format de l’adresse e-mail est invalide.',
                    required: 'Quelle est votre adresse e-mail ?',
                }"
            ></zb-input>
            
            <zb-input
                class="mb-10"
                autocomplete
                name="_password"
                type="password"
                min="8"
                required
                placeholder="Mot de passe"
                message="{required: 'Quel est votre mot de passe ?'}"
            >
                <div class="e:show-pwd">
                    <img width="25" src="{{ absolute_url(asset('icons/show.svg')) }}">
                    <img width="25" src="{{ absolute_url(asset('icons/hide.svg')) }}">
                </div>
            </zb-input>

            <div class="right">
                <a class="s5 underline" href="{{url('home')}}">Mot de passe oublié ?</a>
            </div>
            
            {% if error %}
                <p class="error t-alert s5">Adresse e-mail ou mot de passe incorrect</p>
            {% endif %}

            <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
            <input type="hidden" name="_target_path" value="{{ url('app') }}">
            
            {#
                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">
                    <input type="checkbox" name="_remember_me" id="_remember_me">
                    <label for="_remember_me">Remember me</label>
                </div>
            #}

            <div class="fixed-ctas">
                <div class="contain:sm">
                    <button type="submit" class="btn w-100">
                        Se connecter
                    </button>

                    <p class="center t-soft my-20">Vous êtes nouveau ? <a href="{{url('signup')}}">Créer un compte</a> </p>

                </div>
            </div>
        </form>
    </div>
{% endblock %}