{% 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>Anmelden</h1>
            <p class="subline pb-8">Schreibtische und Parkplätze buchen.</p>

            {% if oauth2_configured %}
                <a class="button button--primary w-full" href="{{ path('app_auth_init') }}">
                    Mit myep anmelden
                </a>
            {% else %}
                <div class="rounded-md border border-amber-300 bg-amber-50 px-4 py-3 text-sm text-left">
                    <strong>Anmeldung noch nicht eingerichtet.</strong>
                    Für ephub muss auf myep erst ein OAuth2-Client registriert werden.
                </div>
            {% endif %}

            {% 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 %}