// Modal-Logik initialisieren
function initializeModalLogic() {
    const modal = document.getElementById("modal");
    const modalTitle = document.getElementById("modal-title");
    const modalDescription = document.getElementById("modal-description");
    const modalNutrition = document.getElementById("modal-nutrition");

    if (!modal || !modalTitle || !modalDescription || !modalNutrition) {
        console.error("Modal-Elemente fehlen.");
        return;
    }

    window.addEventListener("click", (event) => {
        if (event.target === modal) {
            closeModal();
        }
    });
}

// Modal öffnen
function openModal(title, description, nutrition) {
    document.getElementById("modal-title").textContent = title;
    document.getElementById("modal-description").textContent = description;
    document.getElementById("modal-nutrition").textContent = nutrition;

    openTab(null, "Description"); // Standardmäßig Beschreibung anzeigen
    document.getElementById("modal").style.display = "block";
}

// Modal schließen
function closeModal() {
    document.getElementById("modal").style.display = "none";
}

// Tabs in Modal öffnen
function openTab(evt, tabName) {
    const tabContents = document.getElementsByClassName("tabcontent");
    for (let i = 0; i < tabContents.length; i++) {
        tabContents[i].style.display = "none";
    }

    const tabButtons = document.getElementsByClassName("tablinks");
    for (let i = 0; i < tabButtons.length; i++) {
        tabButtons[i].classList.remove("active");
    }

    const activeTab = document.getElementById(tabName);
    if (activeTab) {
        activeTab.style.display = "block";
    } else {
        console.error("Tab-Inhalt nicht gefunden:", tabName);
    }

    if (evt) {
        evt.currentTarget.classList.add("active");
    }
}