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

{% block extendsstylesheet %}

{% endblock %}

{% block content %}    

    <div class="login-container" style="display:none;">
        <div class="row">
            <div class="col-md-12">         
                <div class="hpanel">
                    <div class="panel-heading hbuilt">
                        <h3 class="tblue3"><i class="fa fa-lock"></i>  {{constant('APP_NAME') }} </h3>
                        <small>Connexion</small>
                    </div>                    
                    <div class="panel-body">
                        <div class="col-md-12">
                            {% if 0 != arrResult.error %}                        
                                <div class="alert alert-danger" role="alert">
                                    {{ arrResult.message }}                                     
                                </div>                        
                            {% endif %}
                            
                                <form action="{{ url_for('login_submit') }}" method="post" id="loginForm">
                                
                                    <input type="hidden" name="authToken" id="authToken" value="{{ authToken }}"/>
                                    <div class="form-group">
                                        <label class="control-label " for="email">Login </label>
                                        <input type="text" placeholder="exemple@gmail.com" required="required" name="login" id="login" class="form-control">
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label" for="password">Mot de passe (<a href=""><u>Oublié ?</u></a>)</label>
                                        <div class="input-group">
                                        <input type="password" placeholder="******" required="required" value="" name="password" id="password" class="form-control"/>
                                        <span class="input-group-text btn-blue-c">
                                            <span class="fa fa-eye umask"></span>
                                        </span>
                                    </div>

                                    <div class="mt-3 text-center">
                                    <button class="btn btn-blue btn-block">Connexion</button>
                                    </div>
                                </form>
                            
                        </div>                        
                        
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block footer %}{% endblock %}

{% block extendsjavascript %}
    <script>
        $(document).ready(function () {
            
            $(".loader").hide();
            $(".login-container").show();
        });
    </script>
{% endblock %}