{% extends "base-gray.html.twig" %}

{% block title %} Connexion | {{parent()}} {% endblock %}

{% block body %}
<div style="padding-right: 17px; display: block;">
    <div class="modal-dialog" style="margin: 48px auto 40px">
        <div class="modal-content">
            <div data-modal="modalSignIn" style="display: block;">
                    <div class="modal-header">
                        <h4 class="modal-title">Sign In</h4>
                    </div>
                    <div class="modal-body facebook-content">
                        <div class="mb-3" data-component="facebook-login">
                            <a class="btn btn-block btn-lg btn-social btn-facebook" data-fb-login-btn="" href="#">
                                <span class="fab fa-facebook" style="padding-top: 0; margin-top: 0"></span>
                                <div class="font-size-4">Sign In with Facebook</div>
                            </a>
                        </div>
                        <div class="strike mb-3">
                            <span>OR</span>
                        </div>
                        <form class="new_user" method="post" action="{{ path('imax_security_login_check') }}">
                            {% if error %}
                                <div class="error_message">
                                    E-mail or password that you entered are incorrect !
                                </div>
                            {% endif %}
                            <div class="form-group">
                                <input type="email" name="_username" value="{{ last_username }}" placeholder="E-mail" autocomplete="off" maxlength="60" required="required"/>
                            </div>
                            <div class="form-group">
                                <input autocomplete="off" min="8" name="_password" placeholder="Password" required="required" type="password"/>
                            </div>
                            <div>
                                <input type="hidden" name="_csrf_token" value="{{csrf_token('authenticate')}}"/>
                            </div>
                            <div class="d-flex justify-content-between">
                                <div class="form-check">
                                    <label>
                                        <input class="form-check-input" id="remember_me" name="_remember_me" type="checkbox"/>
                                        <div class="form-check-label font-weight-normal">
                                            Remember me
                                        </div>
                                    </label>
                                </div>
                                <a class="float-right textblue" href="{{ path('imax_resetting_request') }}">
                                    Forgot password ?
                                </a>
                            </div>
                            <div>
                                <input class="btn btn-block btn-md btn-info" data-disable-with="Please be patient" data-modal-submit="" name="commit" style="font-weight: 600" type="submit" value="Login"></input>
                            </div>
                        </form>
                        <hr></hr>
                        <div class="text-center">
                            Not again member ?
                            <a href="{{ path('imax_registration_register') }}" class="textblue">Create an account</a>
                        </div>
                    </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}