{% trans_default_domain 'FOSUserBundle' %}


<div style="padding-top: 2%" class="content">
    <a class="hiddenanchor" id="signup"></a>
    <a class="hiddenanchor" id="signin"></a>

    <div class="login_wrapper">
        <div class="animate form login_form">
            <section class="login_content">

                {% if error %}
                    <div>{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                {% endif %}

                <form class="login-form" action="{{ path("fos_user_security_check") }}" method="post">

                    {% if csrf_token %}
                        <input type="hidden" name="_csrf_token" value="{{ csrf_token }}"/>
                    {% endif %}

                    <h1 style="color: #edf4f8;" class="text-center">Login</h1>
                    <br><br>

                    <div class="form-title">
                        <span class="form-title">Bienvenue à Meetings.</span>
                        {#<span class="form-subtitle">Se connecter.</span>#}
                    </div>

                    <div class="form-group">
                        <input type="text" id="username" name="_username" value="{{ last_username }}"
                               class="form-control form-control-solid placeholder-no-fix" placeholder="Nom d'utilisateur..."
                               required="required"/>
                    </div>

                    <div class="form-group">
                        <input type="password" id="password" name="_password" class="form-control form-control-solid placeholder-no-fix"
                               placeholder="Mot de passe..." required="required"/>
                    </div>

                    {#<div>
                        <input type="checkbox" id="remember_me" name="_remember_me" value="on"/>
                        <label for="remember_me">{{ 'security.login.remember_me'|trans }}</label>
                    </div>#}

                    <div>
                        <input type="submit" class="btn red btn-block uppercase" id="_submit" name="_submit" value="Se Connecter{#{{ 'security.login.submit'|trans }}#}"/>
                    </div>

                    {#<div>
                        <input type="submit" class="btn btn-default submit" id="_submit" name="_submit"
                               value="{{ 'security.login.submit'|trans }}"/>
                        <a class="reset_pass" href="#">Lost your password?</a>
                    </div>#}

                    <div style="padding-top: 30px;">
                        <div class="pull-left">
                            <label class="rememberme mt-checkbox mt-checkbox-outline">
                                <input type="checkbox" id="remember_me" name="_remember_me" value="on" />
                                <span style="padding-left: 15px;color: #edf4f8;white-space: nowrap;font-size: 15px;" for="remember_me">
                                    <div style="padding-left: 10px;"> Souviens-moi{#{{ 'security.login.remember_me'|trans }}#} </div>
                                </span>
                            </label>
                        </div>
                        <div class="pull-right forget-password-block" style="padding-top: 10px">
                            <a href="{{ path('fos_user_resetting_request')}}" id="forget-password" class="forget-password">
                                Mot de passe oublié?
                            </a>
                        </div>
                    </div>

                    <div class="clearfix"></div>

                    <div style="padding-top: 30px;" class="separator">

                        <div style="border-top: 1px solid #c51b26">
                            <h3 style="color: #edf4f8" class="text-center"><i class="fa fa-calendar"></i>Meetings</h3>
                            <p style="color: #edf4f8" class="text-center">©2018 All Rights Reserved. Created by Interactions Tunisie.</p>
                        </div>

                    </div>

                </form>

            </section>
        </div>

    </div>
</div>