{% extends "base.html" %}

{% block title %}Rätsel am Stadiontor{% endblock %}

{% block content %}
<section class="puzzle">
    <h1>Das Stadiontor</h1>
    <p>
        Das Drehkreuz ist verriegelt. Über dem Eingang leuchten vier
        blaue Markierungen: Nordkurve, Südkurve, Haupttribüne und Gegengerade.
    </p>
    <p class="clue">
        Hinweis: Der Verein trägt die Vier sogar im Zeichen. Gib die Zahl ein,
        die das Tor zum Innenraum öffnet.
    </p>

    <form method="post">
        <label for="antwort">Code am Stadiontor</label>
        <input id="antwort" name="antwort" required>
        <button type="submit">Tor öffnen</button>
    </form>

    {% if ergebnis %}
    <p class="result">{{ ergebnis }}</p>
    {% endif %}

    <p><a class="btn secondary" href="/app/">Zurück in den Gang</a></p>
</section>
{% endblock %}