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

{% block title %}Přihlášení{% endblock %}

{% block body %}

    {% if error %}
        <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
    {% endif %}

    <main class="main login-page">
        <section class="login">
            <div class="container">
                <div class="row">
                    <div class="col-lg-1"></div>
                    <div class="col-lg-2">
                        <h1>Přihlášení</h1>
                    </div>
                    <div class="col-lg-6"></div>
                    <div class="col-lg-2 login__content--buttons">
                        <a class="btn btn--secondary" href="{{ path('app_registration') }}">ZAREGISTROVAT SE</a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-1"></div>
                    <div class="col-lg-5">
                        <div class="login__content bg"><h2> Jsem zákazník </h2>
                            <form method="post">
                                <div class="form-group">
                                    <div class="form-group__wrapper">
                                        <input type="email" value="{{ last_username }}" name="email" id="inputEmail"
                                               class="form-control" placeholder="Email" required autofocus>
                                        <img src="{{ asset('build/images/man-user.svg') }}" alt=""/>
                                    </div>
                                    <div class="form-group__wrapper">
                                        <input type="password" name="password" id="inputPassword" class="form-control"
                                               placeholder="Password" required>
                                        <img src="{{ asset('build/images/lock.svg') }}" alt=""/>
                                        <input type="hidden" name="_csrf_token"
                                               value="{{ csrf_token('authenticate') }}">
                                    </div>
                                </div>
                                <div class="login__content--buttons">
                                    <button class="btn btn--primary" type="submit">PŘIHLÁSIT SE</button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="login__content"><h2> Jsem affiliate partner </h2>
                            <form method="post">
                                <div class="form-group">
                                    <div class="form-group__wrapper">
                                        <input type="email" name="email" id="inputEmail" class="form-control"
                                               placeholder="Email" required autofocus>
                                        <img src="{{ asset('build/images/man-user.svg') }}" alt=""/>
                                    </div>
                                    <div class="form-group__wrapper">
                                        <input type="password" name="password" id="inputPassword" class="form-control"
                                               placeholder="Password" required>
                                        <img src="{{ asset('build/images/lock.svg') }}" alt=""/>
                                        <input type="hidden" name="_csrf_token"
                                               value="{{ csrf_token('authenticate') }}">
                                    </div>
                                </div>
                                <div class="login__content--buttons">
                                    <button class="btn btn--primary" type="submit">PŘIHLÁSIT SE</button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="col-lg-1"></div>
                </div>
            </div>
        </section>
    </main>

{% endblock %}