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

{% block title %}Anmelden · ephub{% endblock %}

{% block body %}
    <div class="min-h-screen flex items-center justify-center px-4">
        <div class="w-full max-w-md text-center">
            <img class="h-8 w-auto mx-auto mb-8" src="{{ asset('images/logo_ep.svg') }}" alt="ephub">

            <h1>
                Login E&P Hub
            </h1>
            <p class="subline pb-8">
                Schreibtische, Parkplätze und Monitore buchen.
            </p>

            <a class="button button--primary w-full" href="{{ path('app_auth_init') }}">
                Mit myep anmelden
            </a>

            {% if app.environment == 'dev' %}
                <p class="pt-6 text-sm">
                    <a class="underline text-gray-500" href="{{ path('app_dev_login') }}">
                        Entwickler-Login
                    </a>
                </p>
            {% endif %}

            <div class="fixed bottom-4 right-4 z-50 space-y-2">
                {% include '_partials/_flashes.html.twig' %}
            </div>
        </div>
    </div>
{% endblock %}