{% extends 'Bootstrap.html' %}

{% block content %}
{% include 'siparis_nawbar_bst.html' %}

<div class="container mt-5">
    <h1 class="mb-4">📅 Viikoittaiset automaattiset tilaukset</h1>

    {% if not otomatik_siparisler %}
        <div class="alert alert-warning text-center">
            🚨 Ei automaattisia tilauksia!
        </div>
    {% else %}
        <div class="accordion" id="otomatikSiparisAccordion">
            {% for gun, siparisler in otomatik_siparisler.items %}
                {% with gun_str=gun %}
                    <div class="accordion-item">
                        <h2 class="accordion-header d-flex justify-content-between align-items-center" id="heading{{ gun_str }}">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ gun_str }}" aria-expanded="false" aria-controls="collapse{{ gun_str }}">
                                📅 {{ gun_str }} - Ensimmäinen toimitus: {{ siparisler.0.ilk_tarih }}
                            </button>
                            <button class="btn btn-sm ms-3 {% if siparisler.0.aktif %}btn-success{% else %}btn-danger{% endif %}" onclick="toggleSiparisDurumu('{{ gun_str }}')">
                                {% if siparisler.0.aktif %} 🟢 Aktiivinen {% else %} 🔴 Keskeytetty {% endif %}
                            </button>
                        </h2>
                        <div id="collapse{{ gun_str }}" class="accordion-collapse collapse" aria-labelledby="heading{{ gun_str }}" data-bs-parent="#otomatikSiparisAccordion">
                            <div class="accordion-body">
                                <table class="table table-bordered">
                                    <thead class="table-light">
                                        <tr>
                                            <th>🍽 Resepti</th>
                                            <th>🔢 Määrä</th>
                                            <th>💲 Erikoishinta</th>
                                            <th>⚙️ Toiminnot</th>
                                        </tr>
                                    </thead>
                                    <tbody id="siparisler_{{ gun_str }}">
                                        {% for siparis in siparisler %}
                                            <tr>
                                                <td>{{ siparis.resept.resept_adi }}</td>
                                                <td>{{ siparis.adet }}</td>
                                                <td>
                                                    {% for kullanici_resept in kullanici_reseptler %}
                                                        {% if kullanici_resept.resept.id == siparis.resept.id %}
                                                            {{ kullanici_resept.ozel_fiyat|default:siparis.resept.standart_fiyat|floatformat:2 }} €
                                                        {% endif %}
                                                    {% endfor %}
                                                </td>
                                                <td>
                                                    <form method="post" action="{% url 'otomatik_siparis_sil' siparis.id %}" class="delete-form">
                                                        {% csrf_token %}
                                                        <button type="submit" class="btn btn-danger btn-sm">❌ Poista</button>
                                                    </form>
                                                </td>
                                            </tr>
                                        {% endfor %}
                                    </tbody>
                                </table>

                                <!-- Uuden reseptin lisäämispainike ja lomake -->
                                <button class="btn btn-primary btn-sm mt-2" onclick="toggleForm('{{ gun_str }}')">➕ Lisää resepti</button>

                                <form id="addForm_{{ gun_str }}" class="mt-3 d-none" onsubmit="event.preventDefault(); addSiparis('{{ gun_str }}')">
                                    <select id="resept_{{ gun_str }}" class="form-select" required>
                                        <option value="">Valitse resepti</option>
                                        {% for kullanici_resept in kullanici_reseptler %}
                                            <option value="{{ kullanici_resept.resept.id }}">{{ kullanici_resept.resept.resept_adi }}</option>
                                        {% endfor %}
                                    </select>
                                    <input type="number" id="adet_{{ gun_str }}" class="form-control mt-2" min="1" placeholder="Määrä" required>
                                    <button type="submit" class="btn btn-success btn-sm mt-2">➕ Lisää</button>
                                </form>
                            </div>
                        </div>
                    </div>
                {% endwith %}
            {% endfor %}
        </div>
    {% endif %}
</div>

<script>
    function toggleSiparisDurumu(gun) {
        fetch(`/otomatik_siparis_toggle/${gun}/`, {
            method: "POST",
            headers: { "X-CSRFToken": "{{ csrf_token }}" }
        })
        .then(response => response.json())
        .then(data => {
            if (data.status === "success") {
                location.reload();
            } else {
                alert("Virhe: " + data.message);
            }
        })
        .catch(error => console.error("Virhe:", error));
    }

    function toggleForm(gun) {
        let form = document.getElementById(`addForm_${gun}`);
        form.classList.toggle("d-none");
    }

    function addSiparis(gun) {
        let resept = document.getElementById(`resept_${gun}`).value;
        let adet = document.getElementById(`adet_${gun}`).value;
    
        if (!resept || !adet) {
            alert("Täytä kaikki kentät!");
            return;
        }
    
        fetch(`/otomatik_siparis_guncelle/${gun}/`, {
            method: "POST",
            headers: {
                "X-CSRFToken": "{{ csrf_token }}",
                "Content-Type": "application/json"
            },
            body: JSON.stringify({
                resept: resept,
                adet: adet
            })
        })
        .then(response => {
            if (!response.ok) {
                throw new Error(`HTTP-virhe! Tila: ${response.status}`);
            }
            return response.json();
        })
        .then(data => {
            if (data.status === "success") {
                location.reload();
            } else {
                alert("Virhe: " + data.message);
            }
        })
        .catch(error => {
            console.error("Virhe:", error);
            alert("Odottamaton virhe tapahtui!");
        });
    }

</script>

{% endblock %}