{% extends "base.html" %}

{% block title %}🎉 Das große Finale – Magisches Quiz{% endblock %}

{% block content %}
<div class="quiz-wrapper">
    <div class="card finale-card">
        <div class="finale-header">
            <span class="sparkle-icon">✨</span>
            <h1 class="glow-title">🎉 Happy Birthday Schatz! 🎉</h1>
            <span class="sparkle-icon">✨</span>
        </div>

        <div class="score-banner">
            <p class="score-highlight">
                Du hast <span class="gold-text">{{ score }}</span> von <span class="gold-text">{{ total }}</span> möglichen Hauspunkten für dein Haus gesichert!
            </p>
        </div>

        <div class="reward-box">
            <h2>💛 Dein magischer Gewinn: Ein unvergesslicher Abend Zuhause 💛</h2>
            <p class="reward-description">
                Wir holen uns lecker Essen und machen es uns so richtig gemütlich: entspannen, lachen und die gemeinsame Zeit genießen.<br><br>
                Dazu spielen wir ein brandneues <strong>Online Escape Game</strong> deiner Wahl!
            </p>
            <p class="love-note">Ich freue mich riesig auf unseren gemeinsamen Abend! 💫</p>
        </div>

        <div class="btn-group finale-actions">
            <a href="/" class="btn btn-primary">🔄 Erneut spielen</a>
            <a href="/vorschlag" class="btn btn-secondary">✍️ Eigene Frage vorschlagen</a>
        </div>
    </div>
</div>
{% endblock %}