{% extends 'login.html.twig' %}
{% block title %}System spedycyjny - logowanie{% endblock %}
{% block body %}

    {% if is_granted('IS_AUTHENTICATED_ANONYMOUSLY') %}
        <div class="background-container">
            <div class="background-block"></div>
            <div class="background-block background-right"></div>
        </div>

        <div class="login-container">
            <div class="content">
                <div class="app-title">System spedycyjny</div>

                <div class="content-block">

                    <div class="row">
                        <h2>Zaloguj się do serwisu </h2>

                        {{ form_start(form, {'attr': {'class': 'login-form'}}) }}

                        {% if error %}
                            <div class="element">
                                <div class="login-error">Login lub hasło są niepoprawne.</div>
                            </div>
                        {% endif %}

                        <div class="element">
                            {{ form_widget(form.username) }}
                        </div>

                        <div class="element">
                            {{ form_widget(form.password) }}
                        </div>

                        <div class="element">
                            <a href="#">Resetuj hasło</a>
                        </div>

                        <div class="element">
                            {{ form_widget(form.submit) }}
                        </div>

                        <input type="hidden" name="_csrf_token"
                               value="{{ csrf_token('authenticate') }}">
                        {{ form_end(form) }}
                    </div>
                    <div class="row mob">
                        <div class="info-left">
                            <h1>Witaj w systemie spedycyjnym</h1>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad deserunt eos est
                                harum iure nostrum praesentium quaerat saepe sequi tempore.</p>
                        </div>
                    </div>
                </div>
{#                <div class="content-block background-login">#}

{#                </div>#}
            </div>
        </div>
    {% endif %}
{% endblock %}