// Macht aus HTML ein Accordeon

function enqueue_accordion_scripts() {
    ?>    
    <script>
    document.addEventListener("DOMContentLoaded", function() {
        var accordion = document.getElementById('accordion');
        if (!accordion) {
            return; // Frühes Beenden, wenn das Akkordeon nicht vorhanden ist
        }

        const headers = accordion.querySelectorAll("h3");
        let activeHeader = null;

        headers.forEach(function(header) {
            const icon = document.createElement("span");
            icon.classList.add("icon");
            icon.textContent = "+";
            header.appendChild(icon);

            header.addEventListener("click", function() {
                const isAlreadyActive = activeHeader === header;

                headers.forEach(function(otherHeader) {
                    const icon = otherHeader.querySelector(".icon");
                    icon.textContent = "+";
                    let nextSibling = otherHeader.nextElementSibling;
                    while(nextSibling && !(nextSibling.matches && nextSibling.matches("h3"))) {
                        nextSibling.style.display = "none";
                        nextSibling = nextSibling.nextElementSibling;
                    }
                });

                if (isAlreadyActive) {
                    activeHeader = null;
                } else {
                    let nextElement = this.nextElementSibling;
                    while(nextElement && !(nextElement.matches && nextElement.matches("h3"))) {
                        nextElement.style.display = "block";
                        nextElement = nextElement.nextElementSibling;
                    }
                    this.querySelector(".icon").textContent = "-";
                    activeHeader = header;
                }
            });
        });

        // FAQ Schema Generation
        const faqSchema = {
            "@context": "http://schema.org",
            "@type": "FAQPage",
            "mainEntity": []
        };

        headers.forEach(function(header) {
            let nextElement = header.nextElementSibling;
            let answers = [];
            while(nextElement && !(nextElement.matches && nextElement.matches("h3"))) {
                answers.push(nextElement.outerHTML);
                nextElement = nextElement.nextElementSibling;
            }

            const faqItem = {
                "@type": "Question",
                "name": header.textContent.trim(),
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": answers.join(" ")
                }
            };

            faqSchema.mainEntity.push(faqItem);
        });

        const scriptTag = document.createElement('script');
        scriptTag.type = 'application/ld+json';
        scriptTag.textContent = JSON.stringify(faqSchema);
        document.head.appendChild(scriptTag);
    });
    </script>
    <?php
}
add_action('wp_footer', 'enqueue_accordion_scripts');