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

            {# Toastify positions itself, so this needs no wrapper -- and the login page has no
               board to swap, so it needs no #flashes container either. #}
            {% include '_partials/_flashes.html.twig' %}
        </div>
    </div>
{% endblock %}