{% extends 'Security/layout.html.twig' %}

{% block title %}   Se Connecter{% endblock %}

{% block login %}

    <div class="main-login col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-4">
        <div class="logo margin-top-30">
            <img src="{{ asset('components/assets/images/logo.png') }}"  style="width: 250px;" alt="Total Opérations"/>
        </div>
        <!-- start: LOGIN BOX -->
        <div class="box-login">

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

                <fieldset>
                    <legend>
                        Connectez-vous à votre compte
                    </legend>
                    {% if error %}
                        <div class="alert alert-danger">
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            <strong>{{ error.messageKey|trans(error.messageData, 'security') }}</strong>
                        </div>
                    {% endif %}

                    <div class="form-group">
								<span class="input-icon">
									  <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" placeholder="Email" required autofocus>
									<i class="fa fa-user"></i> </span>
                    </div>
                    <div class="form-group form-actions">
								<span class="input-icon">
									 <input type="password" name="password" id="inputPassword" class="form-control" placeholder="Password" required>
									<i class="fa fa-lock"></i>
								</span>
                    </div>

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

                    <div class="form-actions">

                        <button type="submit" class="btn btn-primary pull-right">
                            Se Connecter <i class="fa fa-arrow-circle-right"></i>
                        </button>
                    </div>
                </fieldset>
            </form>
            <!-- start: COPYRIGHT -->
            <div class="copyright">
                Copyright © 2019 Powered by <span class="text-bold text-uppercase">Interactions</span>
            </div>
            <!-- end: COPYRIGHT -->
        </div>
        <!-- end: LOGIN BOX -->
    </div>

{% endblock %}