<div id="snack-prompt-overlay" class="snack-overlay hidden">
    <div class="snack-prompt-box">
        <h2>Popcorn gefällig? 🍿</h2>
        <p>Möchtest du noch Snacks oder Getränke hinzufügen?</p>
        <div class="prompt-buttons">
            <button id="btn-yes-snacks" class="btn-primary">Ja, Snacks wählen</button>
            <button id="btn-no-cart" class="btn-secondary">Weiter zum Warenkorb</button>
        </div>
    </div>
</div>

<script>
    const overlay = document.getElementById("snack-prompt-overlay");
    const btnYes = document.getElementById("btn-yes-snacks");
    const btnNo = document.getElementById("btn-no-cart");

    btnYes?.addEventListener("click", () => {
        overlay?.classList.add("hidden");
        window.location.href = "/snacks";
    });

    btnNo?.addEventListener("click", () => {
        overlay?.classList.add("hidden");
        window.location.href = "/cart";
    });
</script>
