{% extends 'Bootstrap.html' %}

{% block content %}
{% include 'siparis_nawbar_bst.html' %}
<div class="container mt-5">
    <h1 class="mb-4">📦 Tilaukseni</h1>

    {% if no_orders %}
        <div class="alert alert-warning text-center">
            🚨 Henüz siparişiniz bulunmamaktadır.
        </div>
    {% else %}
        <div class="accordion" id="siparisAccordion">
            {% for tarih, siparis_list in grouped_siparisler.items %}
                {% with tarih_str=tarih|date:"Ymd" %}
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="heading{{ tarih_str }}">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ tarih_str }}" aria-expanded="false" aria-controls="collapse{{ tarih_str }}">
                                📅 {{ tarih }} |  <!--Tilaussumma: <strong>{{ total_prices.tarih|floatformat:2  }} €</strong> -->
     
                            </button>
                        </h2>
                        <div id="collapse{{ tarih_str }}" class="accordion-collapse collapse" aria-labelledby="heading{{ tarih_str }}" data-bs-parent="#siparisAccordion">
                            <div class="accordion-body">
                                <table class="table table-bordered">
                                    <thead class="table-light">
                                        <tr>
                                            <th>🍽</th>
                                            <th>🔢 kpl</th>
                                            <th>💲 hinta</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {% for siparis in siparis_list %}
                                            {% for detay in siparis.detaylar.all %}
                                            <tr>
                                                <td>{{ detay.resept.resept_adi }}</td>
                                                <td>{{ detay.adet }}</td>
                                                <td>{{ detay.fiyat|floatformat:2 }} €</td>
                                            </tr>
                                            {% endfor %}
                                        {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                {% endwith %}
            {% endfor %}
        </div>
    {% endif %}
</div>
{% endblock %}