{% block content %}
{% load humanize %}
{% include 'uretim/uretim_nawbar_bst.html' %}
<div class="container mt-4">
    <h2>🍵 {{ request.GET.tarih|default:yarin }} tarihli Uretim icin Cikarilacak Donuk Listesi</h2>


    {% if message %}
        <div class="alert alert-warning text-center">
            {{ message }}
        </div>
    {% elif donuk_hazirlama %}
        <div class="accordion" id="meyveSebzeAccordion">
            {% for hammadde, kullanımlar in donuk_hazirlama.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|title }}

                            {% for h_key, h_val in toplam_miktarlar.items %}
                                {% if h_key == hammadde %}
                                    {% if "adet" in h_val %}
                                        <span class="badge bg-warning text-dark ms-3">👤 {{ h_val }}</span>
                                    {% else %}
                                        <span class="badge bg-success text-white ms-3">⚖️ {{ h_val }}</span>
                                    {% endif %}
                                {% endif %}
                            {% endfor %}
                        </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>

                                        {% if "adet" in miktar %}
                                            <span class="badge bg-warning text-dark rounded-pill">👤 {{ miktar }}</span>
                                        {% else %}
                                            <span class="badge bg-primary text-white rounded-pill">⚖️ {{ miktar }}</span>
                                        {% endif %}
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
    {% else %}
        <div class="alert alert-warning text-center">
           ⚠️ Secilen tarihli Uretim için cikarilacak donuk Listesi bulunamadı!
        </div>
    {% endif %}
        <!-- 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:yarin }}" class="form-control d-inline-block w-auto mx-2">
        <button type="submit" class="btn btn-primary">Göster</button>
    </form>


</div>
{% endblock %}

{% block scripts %}
{% endblock %}