// US-01-02 Leistungsübersicht
// Markiert das gewählte Paket visuell und stellt die Auswahl bereit,
// damit US-01-03 (Pakete online buchen) später darauf aufbauen kann.

document.addEventListener("DOMContentLoaded", () => {
    const karten = document.querySelectorAll(".paket-karte");

    karten.forEach((karte) => {
        const button = karte.querySelector(".paket-karte__cta");
        if (!button) return;

        button.addEventListener("click", () => {
            karten.forEach((k) => k.classList.remove("paket-karte--ausgewaehlt"));
            karte.classList.add("paket-karte--ausgewaehlt");

            const paketName = button.dataset.paket;

            // Andere Skripte (z. B. die Buchungsstrecke aus US-01-03)
            // können auf dieses Event hören, statt den DOM abzufragen.
            document.dispatchEvent(
                new CustomEvent("paket:ausgewaehlt", { detail: { paket: paketName } })
            );

            console.log(`Paket "${paketName}" ausgewählt.`);
        });
    });
});