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

{% block title %}Anmeldung{% endblock %}

{% block body_class %}{% endblock %}
{% block body %}
    <div class="login-template">
        <div class="logo ">
            {% set logoImg = setting.logo|default('logo.png') %}
            {% set dir = getParameters('site_logo_dir') %}
            <img src="{{ asset(dir~logoImg) }}">
        </div>
        <div class="card bg-authentication rounded-0 mb-0 login-wrapper">
            <div class="row m-0">
                <div class="col-lg-12 col-12 p-0 login-content ">
                    <div class="card rounded-0 mb-0 px-2">
                        <div class="card-header pb-1">
                            <div class="card-title">
                                <h4 class="mb-0">Anmeldung</h4>
                            </div>
                        </div>
                        <div class="card-content">
                            <div class="card-body pt-1">
                                {% if app.user %}
                                    <div class="mb-3">
                                        <b>{{ app.user.username }}</b> Du bist eingeloggt als, <a
                                                href="{{ path('app_logout') }}">Ausloggen</a>
                                    </div>
                                {% else %}
                                    <form class="form w-100" novalidate="novalidate" method="post" action="{{ path('app_login') }}">
                                        <input type="hidden" name="_csrf_token"
                                               value="{{ csrf_token('authenticate') }}">
                                        <fieldset class="form-label-group form-group position-relative has-icon-left">
                                            <input type="text" class="form-control" name="_username"
                                                   value="{{ last_username }}" id="user-name" placeholder="Email"
                                                   required>
                                            <div class="form-control-position">
                                                <i class="feather icon-user"></i>
                                            </div>
                                            <label for="user-name">Email</label>
                                        </fieldset>
                                        <fieldset class="form-label-group position-relative has-icon-left">
                                            <input type="password" name="_password" class="form-control"
                                                   id="user-password" placeholder="Passwort" required>
                                            <div class="form-control-position">
                                                <i class="feather icon-lock"></i>
                                            </div>
                                            <label for="user-password">Passwort</label>
                                        </fieldset>
                                        {% if error %}
                                            <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                                        {% endif %}
                                        <div class="d-flex justify-content-end">
                                            <button type="submit"
                                                    class="btn btn-primary btn-submit btn-inline text-right">Anmeldung
                                            </button>
                                        </div>
                                    </form>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}