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

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

{% block body %}

    <div class="row justify-content-center align-items-center" style="min-height:70vh;">
        <div class="col-12 col-md-5 col-lg-4">

            <div class="card bg-black border-secondary text-info">
                <div class="card-body">

                    <header class="text-center ">
                        <h1 class="mb-2 text-info">
                            Heyl Neomeris
                        </h1>
                        <img src="/assets/img/logo.png" style="max-width: 100px;">
                        <h2 class="h6 mb-2 mt-1 text-info">KI/RAG System-Login</h2>
                    </header>

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

                    <form method="post" action="{{ path('admin_login') }}">

                        {# ============================= #}
                        {# Email                        #}
                        {# ============================= #}

                        <div class="mb-3">
                            <label class="form-label">E-Mail</label>
                            <input class="form-control bg-dark text-light border-secondary"
                                   name="_username"
                                   value="{{ last_username }}"
                                   autocomplete="email"
                                   required>
                        </div>

                        {# ============================= #}
                        {# Passwort                     #}
                        {# ============================= #}

                        <div class="mb-4">
                            <label class="form-label">Passwort</label>
                            <input class="form-control bg-dark text-light border-secondary"
                                   type="password"
                                   name="_password"
                                   autocomplete="current-password"
                                   required>
                        </div>

                        {# CSRF #}
                        <input type="hidden"
                               name="_csrf_token"
                               value="{{ csrf_token('authenticate') }}">

                        <button class="btn btn-outline-info w-100"
                                type="submit">
                            Einloggen
                        </button>

                    </form>

                </div>
            </div>

            <div class="text-center mt-3 small text-secondary">
                powered by mitho® 2026
            </div>

        </div>
    </div>

{% endblock %}