{% extends "basis.html" %}
{% block titel %}Reserviert{% endblock %}
{% block inhalt %}
<div class="max-w-lg mx-auto karte p-6 text-center">
    <h1 class="text-xl font-bold">Reserviert für dich</h1>
    <p class="mt-2 text-slate-600 dark:text-slate-300">
        <strong>{{ item.anzeige_titel }}</strong> ist jetzt für dich zurückgelegt.
    </p>

    <div class="mt-5 text-left">
        <p class="etikett">Link zum Aufheben – bitte aufbewahren</p>
        {# Nur hier sichtbar: mit diesem Link kann die Reservierung
           zurückgenommen werden, ohne dass jemand ein Konto braucht. #}
        <input class="feld text-xs" readonly value="{{ freigabe_url }}"
               onclick="this.select()">
        <p class="text-xs text-slate-500 dark:text-slate-400 dark:text-slate-500 mt-2">
            Ohne diesen Link kannst du die Reservierung nicht selbst aufheben –
            dann hilft nur eine kurze Nachricht.
        </p>
    </div>

    <div class="mt-6 flex gap-2 justify-center">
        <a href="/" class="knopf-haupt">Weiterstöbern</a>
        <a href="{{ freigabe_url }}" class="knopf-still">Doch nicht</a>
    </div>
</div>
{% endblock %}