{% 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">
        <div class="col-md-12">
            {% for flashMessage in app.session.flashbag.get('error') %}
                <div class="alert alert-danger alert-dismissable" >
                    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    {{ flashMessage|raw }}
                </div>
            {% endfor %}
            {% for flashMessage in app.session.flashbag.get('notice') %}
                <div class="alert alert-success alert-dismissable" >
                    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    {{ flashMessage|raw }}
                </div>
            {% endfor %}
        </div>
    </div>

    <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"></i>{{'Identification'|trans}}</h4>
                </div>
                <div class="card-body" id="card-body-identification">

                    {% if error %}
                        <div class="alert alert-danger alert-dismissable" >
                            <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                            {{ error.messageKey|trans(error.messageData, 'security') }}
                        </div>
                    {% endif %}

                    <div class="row mb-3">
                        <div class="col-lg-12">
                            <form action="{{ path('verifplus_login_natif') }}" method="post">

                                <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">
                                        <input type="text" id="username" name="_username" placeholder="{{'Identifiant'|trans}}" class="form-control" />
                                    </div>
                                </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">
                                        <input type="password" id="password" name="_password" placeholder="{{'Mot de passe'|trans}}" class="form-control" />
                                    </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">
                                    <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>

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

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

                    <div class="row mb-0">
                        <div class="col-lg-8">
                        </div>
                        <div class="col-lg-4 text-right text-2 mb-0">
                            <a href="{{path('verifplus_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 %}