{% block content %}
{% load humanize %}
{% include 'uretim/uretim_nawbar_bst.html' %}

<div class="container mt-4">
    <h2>🥬 {{ request.GET.tarih|default:today }} tarihli Meyve-Sebze Tüketimi</h2>

    <!-- Tarih Seçme Formu -->
    <form method="get" class="mb-4 text-center">
        <label for="tarih">Tarih Seçin:</label>
        <input type="date" id="tarih" name="tarih" value="{{ request.GET.tarih|default:today }}" class="form-control d-inline-block w-auto mx-2">
        <button type="submit" class="btn btn-primary">Göster</button>
    </form>

    {% if message %}
        <div class="alert alert-warning text-center">
            {{ message }}
        </div>
    {% elif meyve_sebze_tuketimi %}
        <div class="accordion" id="meyveSebzeAccordion">
            {% for hammadde, kullanımlar in meyve_sebze_tuketimi.items %}
                <div class="accordion-item">
                    <!-- Accordion Başlığı -->
                    <h2 class="accordion-header" id="heading{{ forloop.counter }}">
                        <button class="accordion-button collapsed d-flex justify-content-between" type="button"
                                data-bs-toggle="collapse" data-bs-target="#collapse{{ forloop.counter }}" 
                                aria-expanded="false" aria-controls="collapse{{ forloop.counter }}">
                            🥬 {{ hammadde }}
                            <span class="badge bg-success text-white ms-3">
                                {% for hammadde_adi, toplam in toplam_miktarlar.items %}
                                    {% if hammadde_adi == hammadde %}
                                        {{ toplam|floatformat:0|intcomma }} gr
                                    {% endif %}
                                {% endfor %}
                            </span>
                        </button>
                    </h2>

                    <!-- Accordion İçeriği -->
                    <div id="collapse{{ forloop.counter }}" class="accordion-collapse collapse" 
                         aria-labelledby="heading{{ forloop.counter }}" data-bs-parent="#meyveSebzeAccordion">
                        <div class="accordion-body">
                            <ul class="list-group">
                                {% for kategori, miktar in kullanımlar.items %}
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                        <span>📌 {{ kategori }}</span>
                                        <span class="badge bg-primary rounded-pill">{{ miktar|floatformat:0|intcomma }} gr</span>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
    {% else %}
        <div class="alert alert-warning text-center">
            ⚠️ Seçilen tarih için Dograma Listesi bulunmamaktadır.
        </div>
    {% endif %}
</div>
{% endblock %}

{% block scripts %}
{% endblock %}