{% extends '_partials/login-base.html.twig' %}

{% block body %}
    <div class="d-flex flex-column flex-root">
        <!--begin::Login-->
        <div class="login login-3 login-signin-on d-flex flex-row-fluid" id="kt_login">
            <div class="d-flex flex-center bgi-size-cover bgi-no-repeat flex-row-fluid"> <!--style="background-image: url('{{ asset('assets/img/bg-7.jpg') }}');"-->
                <div class="login-form text-center text-white p-7 position-relative overflow-hidden" style="border: 3px solid #e4e6ef; border-radius: 15px;">
                    <img class="mb-10" width="200" src="{{ asset('assets/img/paynetics-symbol_v2.svg') }}" style="opacity: .6;" alt="Logo">
                    <!--begin::Login Sign in form-->
                    <div class="login-signin">
                        <form method="post" class=form"">
                            {% if error %}
                                <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                            {% endif %}
                            <div class="mb-10">
                                <h3 class="text-dark-50">Sign In To Admin</h3>
                                <p class="text-dark-50 font-weight-bold">Enter your details to login to your account:</p>
                            </div>
                            <div class="form-group fv-plugins-icon-container">
                                <input type="email" value="{{ last_username }}"
                                       name="email"
                                       placeholder="Email"
                                       class="form-control h-auto text-white placeholder-white opacity-70 bg-dark-o-70 rounded-pill border-0 py-4 px-8 mb-5"
                                       required
                                       autofocus>
                            </div>
                            <div class="form-group">
                                <input type="password" name="password"
                                       placeholder="Password"
                                       class="form-control h-auto text-white placeholder-white opacity-70 bg-dark-o-70 rounded-pill border-0 py-4 px-8 mb-5"
                                       required>
                            </div>
                            <input type="hidden" name="_csrf_token"
                                   value="{{ csrf_token('authenticate') }}">
                            <div class="text-center">
                                <button id="kt_login_signin_submit" class="btn btn-pill btn-outline-dark font-weight-bold opacity-90 px-15 py-3" type="submit">
                                    Sign in
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}