{% extends "FOSUserBundle::layout.html.twig" %}
{% trans_default_domain "FOSUserBundle" %}

{% block fos_user_content %}
<div class="container">
    <div class="row">
        <div class="col-md-offset-4 col-md-4">
            <div class="panel panel-default panel-login">

                <div class="panel-heading">
                    <h3 class="panel-title">
                        {{ 'security.login.title' | trans({}, 'IavansisUserBundle') }}
                    </h3>
                </div>

                {# LOGIN FORM #}
                <div class="panel-body">
                    <form action="{{ path("fos_user_security_check") }}" method="post" role="form">
                        <input type="hidden" name="_csrf_token" value="{{ csrf_token }}" />

                        {# USERNAME #}
                        <div class="form-group">
                            <div class="input-group">
                                <label class="input-group-addon" for="username">
                                    <span class="glyphicon glyphicon-user fa fa-user"></span>
                                </label>
                                <input type="text"
                                       id="username"
                                       name="_username"
                                       value="{{ last_username }}"
                                       required="required"
                                       class="form-control"
                                       placeholder="{{ 'security.login.username' | trans }}"
                                >
                            </div>
                        </div>

                        {# PASSWORD #}
                        <div class="form-group">
                            <div class="input-group">
                                <label class="input-group-addon" for="password">
                                    <span class="glyphicon glyphicon-lock fa fa-lock"></span>
                                </label>
                                <input type="password"
                                       id="password"
                                       name="_password"
                                       required="required"
                                       class="form-control"
                                       placeholder="{{ 'security.login.password' | trans }}"
                                >
                            </div>
                        </div>

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

                        {# SUBMIT #}
                        <input type="submit" id="_submit" name="_submit" value="{{ 'security.login.submit'|trans }}" class="btn btn-primary btn-block"/>
                    </form>
                </div><!-- end panel body -->
            </div><!-- end panel -->

            {% if error %}
                {% from 'MopaBootstrapBundle::flash.html.twig' import flash, advanced_flash %}
                {{ flash('danger', error|trans, true, false) }}
            {% endif %}

        </div><!-- end col -->
    </div><!-- end row -->
</div><!-- end container -->
{% endblock fos_user_content %}