{% extends 'JotunheimrUserBundle::layout.html.twig' %}

{% trans_default_domain 'FOSUserBundle' %}

{% block fos_user_content %}
    {% if error %}
        {{ error.messageKey|trans(error.messageData, 'security') }}
    {% endif %}

    <div class="wrapper">
        <div class="form-container">
            <h1>Sign in</h1>
            <div class="db">
                <form action="{{ path("fos_user_security_check") }}" method="post"
                      class="ac-custom ac-checkbox ac-boxfill">
                    <input type="hidden" name="_csrf_token" value="{{ csrf_token }}"/>

                    <div>
                        <input type="text" id="username" name="_username" value="{{ last_username }}"
                               class="form-input form-username"
                               placeholder="Username or Email"/>
                    </div>

                    <div>
                        <input type="password" id="password" name="_password"
                               class="form-input"
                               placeholder="Password"/>
                    </div>

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

                    <div class="input-submit">
                        <button type="submit" id="_submit" name="_submit">
                            <i class="fa fa-check"></i>
                        </button>
                    </div>
                </form>
            </div>
            <h2><u><b>or</b></u> enter w/ your Facebook's e-mail</h2>
            <div class="fb">
                {% include('@JotunheimrUser/Social/facebook.html.twig') %}
            </div>
        </div>
    </div>
{% endblock fos_user_content %}

{% block javascripts %}
    {{ parent() }}

    {% javascripts
    '@JotunheimrUserBundle/Resources/public/js/register.js'
    '@JotunheimrUserBundle/Resources/public/js/svgcheckbox.js' %}
    <script type="text/javascript" src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}

{% block stylesheets %}
    {{ parent() }}

    {% stylesheets filter='cssrewrite'
    '@JotunheimrUserBundle/Resources/public/css/font-awesome/css/font-awesome.min.css'
    '@JotunheimrUserBundle/Resources/public/css/svgcheckbox.css' %}
    <link rel="stylesheet" media="screen" href="{{ asset_url }}"/>
    {% endstylesheets %}
{% endblock %}