{% extends "porto-corporate-layout.html.twig" %}

{% block stylesheets %}
    {{ parent() }}
    {{ encore_entry_link_tags('login-style') }}
{% endblock %}

{% block container_class %} container py-2 {% endblock %}

{% block signin_form %}{% endblock %}

{% block pagecontent %}

    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header" data-card-body-id="card-body-identification">
                    <h4 class="color-client float-left"><i class="fas fa-angle-right me-1"></i>{{'Identification'|trans}}</h4>
                </div>
                <div class="card-body pb-3" id="card-body-identification">

                    {% if error %}
                        {#
                        <div class="alert alert-danger alert-dismissible" >
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                            {{ error.messageKey|trans(error.messageData, 'security') }}
                        </div>
                        #}
                        <div class="alert alert-danger alert-dismissible" >
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                            {{ error|raw }}
                        </div>
                    {% endif %}

                    {{ form_start(authentificationForm, {'attr': {'role': 'form', 'id': 'authentificationForm', 'class': 'authentificationForm'}}) }}

                        <div class="form-group row">
                            <label class="col-lg-3 font-weight-bold color-client col-form-label form-control-label text-2">{{'Identifiant'|trans}}</label>
                            <div class="col-lg-9">
                                {{ form_widget(authentificationForm.username) }}
                            </div>
                            {{ form_errors(authentificationForm.username) }}
                        </div>

                        <div class="form-group row password-administration mb-0">
                            <label class="col-lg-3 font-weight-bold color-client col-form-label form-control-label text-2">{{'Mot de passe'|trans}}</label>
                            <div class="col-lg-9">
                                {{ form_widget(authentificationForm.password) }}
                            </div>
                        </div>

                        <div class="row mt-0 mb-2 pl-2">
                            <div
                                class="col-lg-9 offset-md-3 text-2 font-italic color-silver text-left pl-3 show-hide-password"
                                data-type="administration"
                                role="button"
                            >
                                <i class="fas fa-eye" data-toggle="fas fa-eye-slash"></i>
                                <span class="ml-1" data-toggle="{{'Masquer le mot de passe'|trans}}">{{'Afficher le mot de passe'|trans}}</span>
                            </div>
                        </div>

                        <div class="form-group row row-button mb-5">
                            <div class="col-lg-12">
                                <button type="submit" id="authentification_valider" class="btn btn-client-primary-inverse pl-5 pr-5">Valider</button>
                            </div>
                        </div>

                    {{ form_end(authentificationForm) }}

                        <div class="col-lg-12 text-right text-2 mb-0">
                            <a href="{{path('attitudepatrimoine_utilisateur_mot_de_passe_oublie')}}" class="btn btn-client-primary">{{'Mot de passe oublié ?'|trans}}</a>
                        </div>
                    </div>

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

{% endblock %}

{% block javascript %}

    {{ parent() }}

    <script>

        $(document).ready(function() {
        });

    </script>

    {{ encore_entry_script_tags('login-script') }}

{% endblock %}