{% extends 'base.html' %}

{% block title %}Bestellung erfolgreich{% endblock %}

{% block content %}
<div class="order-confirmation furry-404">
    <div class="furry-404-emoji">🎉</div>
    <h1>Danke für deine Bestellung!</h1>
    <p>Wir haben deine Bestellung erhalten und unsere Furry-Freunde machen sich sofort an die Arbeit 🐾</p>
    <div class="order-summary">
        <h3>Deine Bestellung:</h3>
        <ul>
            {% for item in order.items.all %}
            <li>{{ item.product_name }} × {{ item.quantity }} <span>{{ item.price|floatformat:2 }} €</span></li>
            {% endfor %}
        </ul>
        <div class="checkout-total">Gesamtsumme: <span>{{ order.total_amount|floatformat:2 }} €</span></div>
    </div>
    <a href="/" class="btn furry-btn">Zurück zur Startseite</a>
</div>
{% endblock %}