{% trans_default_domain 'front_customer' %}

{% set allModules = allModules is defined and allModules ? allModules : website()|modules %}

{% if secureActive %}

    {% set pathArgs = app.request.get('tpl-form') ? {'tpl-form': true} : {} %}

    <form class="form-horizontal security" id="form-login" action="{{ path('security_front_login', pathArgs) }}" method="POST" novalidate="novalidate">

        <div class="form-group">
            <input type="text"
                   value="{{ last_username }}"
                   name="login"
                   class="form-control"
                   placeholder="{{ "Nom d'utilisateur"|trans|striptags }}"
                   autocomplete="off"
                   required autofocus /></div>

        <div class="form-group">
            <input type="password"
                   name="password"
                   class="form-control"
                   placeholder="{{ 'Mot de passe'|trans|striptags }}"></div>

        {% include "security/includes/recaptcha-fields.html.twig" %}

        <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" />

        <div class="row mb-2">
            <div class="col-sm-6 text-center text-sm-left">
                <div class="form-group m-0">
                    <div class="custom-control custom-checkbox d-inline-block">
                        <label>
                            <input id="remember_me" type="checkbox" name="_remember_me" class="custom-control-input" checked>
                            <label class="custom-control-label" for="remember_me">{{ 'Se rappeler de moi'|trans|raw }}</label>
                        </label>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 text-center text-sm-right">
                <a href="{{ path("security_front_password_request", {"_locale": app.request.locale}) }}" id="to-recover" class="text-dark">
                    <small class="text-italic">{{ 'Mot de passe oublié ?'|trans|raw }}</small>
                </a>
            </div>
        </div>

        {% if error %}
            {% include 'front/' ~ websiteTemplate ~ '/include/alert.html.twig' with {"alert": 'danger', "message": error.messageKey|trans(error.messageData, 'security')|raw} only %}
        {% endif %}

        {% include "front/" ~ websiteTemplate ~ "/include/flashbag.html.twig" %}

        <button id="submit"
                name="submit"
                type="submit"
                class="btn btn-outline-secondary btn-block text-uppercase waves-effect waves-light"
                data-toggle="preloader">{{ 'Se connecter'|trans|raw }}</button>

        <div class="w-100 mt-4">
            {% include 'front/' ~ websiteTemplate ~ '/include/alert.html.twig' with {"alert": 'info', "message": "Bienvenu dans votre nouvel espace client. Pour des raisons de sécurité et afin de répondre à la législation RGPD, vous devez modifier votre mot de passe pour accéder à vos informations."|trans|raw} only %}
        </div>

        {% if website.security.frontRegistration %}
            <a href="{{ path('security_front_register') }}"
               class="btn btn-outline-info btn-block text-uppercase waves-effect waves-light mt-4">
                {{ 'Inscrivez-vous'|trans|raw }}
            </a>
        {% endif %}

    </form>

{% else %}

    {% set message = app.request.get('tpl-form') ? "Pour afficher le formulaire, activer <strong>Modules sécurisés</strong>."
        : "Pour afficher le formulaire, activer <strong>Pages sécurisées</strong>." %}
    {% include 'front/' ~ websiteTemplate ~ '/include/alert.html.twig' with {"alert": "warning", "message": message} only %}

{% endif %}