{% extends 'Bootstrap.html' %}

{% block content %}
{% include 'siparis_nawbar_bst.html' %}
<div class="container mt-5 text-center">
    <h1 class="mb-4">🚀 Tilauksesi on vastaanotettu!</h1>

    <div class="alert alert-success">
        <strong>📦 Tilaus lähetetty:</strong> SefFood Oy
    </div>

    <!-- 📝 Sipariş Listesi -->
    <div class="card p-4 shadow mt-4">
        <h4 class="mb-3">🛒 Tilauksesi sisältää:</h4>
        <ul class="list-group">
            {% for detay in siparis.detaylar.all %}  {# Güncellendi ✅ #}
            <li class="list-group-item d-flex justify-content-between align-items-center">
                <span>{{ detay.resept.resept_adi }} ({{ detay.adet }} kpl)</span>
                <span class="badge bg-primary">{{ detay.fiyat|floatformat:2 }} €</span>
            </li>
            {% endfor %}
        </ul>

        <h4 class="mt-3"> Yhteensä: <strong>{{ siparis.toplam_fiyat|floatformat:2 }} €</strong></h4>
    </div>

    <div class="card p-4 shadow-lg mt-4">
        <h4 class="mb-3">📅 Toimituspäivä: <strong>{{ siparis.teslimat_tarihi }}</strong></h4>
        <p>✅ Tilauksesi on hyväksytty ja tuotanto alkaa pian.</p>
    </div>

    <div class="mt-4">
        <p class="text-muted">Kiitos luottamuksestasi! Olemme täällä palvelemassa sinua parhaalla mahdollisella tavalla.</p>
        <p><strong>SefFood Oy</strong> – 💙 <span style="font-size: 1.2em; font-weight: bold;">Handcooked</span> with <span style="font-size: 1.2em; font-weight: bold;">Love</span> in <span style="font-size: 1.2em; font-weight: bold;">Espoo</span>.</p>
    </div>
</div>

{% endblock %}