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

{% block title %}Login{% endblock %}

{% block body %}
    <div class="auth-wrapper d-flex no-block justify-content-center align-items-center">
        <div class="auth-box">
            <div id="loginform">
                <div class="logo mt-4">
                    <span class="db"><img src="{{ asset('favicon.png') }}" alt="logo" width="70"></span>
                    <h5 class="font-medium my-3 text-uppercase"></h5>
                </div>
                <div class="row">
                    <div class="col-12">
                        <form class="form-horizontal" id="loginform" action="{{ path('cms_login') }}" method="POST">
                            <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
                            {% if error %}
                                <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                            {% endif %}
                            {% if app.user %}
                                <div class="mb-3">
                                    Та нэвтэрсэн байна. {{ app.user.userIdentifier }}, <a href="{{ path('cms_logout') }}">Гарах</a>
                                </div>
                            {% endif %}
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="basic-addon1"><i class="ti-user"></i></span>
                                </div>
                                <input type="email" value="{{ last_username }}" name="_username" id="inputUsername" class="form-control form-control-lg" placeholder="Нэвтрэх и-мэйл" aria-label="Username" aria-describedby="basic-addon1" required autofocus>
                            </div>
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="basic-addon2"><i class="ti-pencil"></i></span>
                                </div>
                                <input type="password" name="_password" id="inputPassword" class="form-control form-control-lg" placeholder="Нууц үг" aria-label="Password" aria-describedby="basic-addon1" autocomplete="current-password" required>
                            </div>
                            <div class="form-group text-center">
                                <div class="col-xs-12 p-b-20">
                                    <button class="btn btn-block btn-lg btn-danger" type="submit">Нэвтрэх</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer text-center no-print">
        Бүх эрх хуулиар хамгаалагдсан. {{ 'now'| date('Y') }}
    </footer>
{% endblock %}