<script>
(function () {
    const courseId = "92";
    const targetUrl = "https://eleduc.com/local/ai_generators/french.php?courseid=92";
    const targetSectionId = "section-1"; 
    // section-1 = first tile after the general section.
    // If needed, section-2 = second tile, section-3 = third tile, etc.

    function isCorrectCourse() {
        return window.location.href.indexOf("/course/view.php") !== -1 &&
               window.location.href.indexOf("id=" + courseId) !== -1;
    }

    function openGenerator(event) {
        event.preventDefault();
        event.stopPropagation();
        event.stopImmediatePropagation();
        window.open(targetUrl, "_blank", "noopener,noreferrer");
        return false;
    }

    function activateDirectTile() {
        if (!isCorrectCourse()) {
            return;
        }

        const tile = document.getElementById(targetSectionId);

        if (!tile || tile.dataset.aiGeneratorDirect === "1") {
            return;
        }

        tile.dataset.aiGeneratorDirect = "1";
        tile.style.cursor = "pointer";
        tile.title = "Ouvrir le générateur IA — Français";

        tile.addEventListener("click", openGenerator, true);

        const innerClickables = tile.querySelectorAll("a, button, [role='button'], div, span");
        innerClickables.forEach(function (el) {
            el.addEventListener("click", openGenerator, true);
        });
    }

    document.addEventListener("DOMContentLoaded", activateDirectTile);
    window.addEventListener("load", activateDirectTile);

    const observer = new MutationObserver(activateDirectTile);
    observer.observe(document.documentElement, {
        childList: true,
        subtree: true
    });

    setTimeout(activateDirectTile, 500);
    setTimeout(activateDirectTile, 1500);
    setTimeout(activateDirectTile, 3000);
})();
</script>