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

{% block body %}
    <div class="box">
        <div>
            <h1>
                Welcome to Koillection
                <div class='logo' aria-label="Logo"></div>
            </h1>

            <div class="content">
                {{ include('App/Security/_locales_dropdown.html.twig') }}

                <form action="{{ path("app_security_login") }}" method="post" class="login">
                    <h2 class="header">{{ 'title.sign_in'|trans }}</h2>
                    {% if error %}
                        <div class="error-helper">
                            <i class="fa fa-warning fa-fw"></i>
                            {{ error.messageKey|trans(error.messageData, 'messages') }}
                        </div>
                    {% endif %}

                    <div>
                        <div class="input-field">
                            <input type="text" id="login" name="_login" value="{{ lastUsername }}" required="required" class="form-control"/>
                            <label class="required" for="login">{{ 'label.login'|trans }}</label>
                        </div>
                    </div>
                    <div>
                        <div class="input-field">
                            <input type="password" id="password" name="_password" required="required" class="form-control" />
                            <label class="required" for="password">{{ 'label.password'|trans }}</label>
                        </div>
                    </div>

                    <div class="input-field input-checkbox">
                        <label>
                            <input type="checkbox" id="remember_me" name="_remember_me" checked="checked">
                            <span>{{ 'label.remember_me'|trans }}</span>
                        </label>
                    </div>

                    <div class="submit">
                        <input type="submit" name="submit" value="{{ 'btn.sign_in'|trans }}" class="btn waves-effect waves-light btn-lg btn-success btn-block right" />
                    </div>
                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
                </form>
            </div>
        </div>
    </div>
{% endblock %}