(function () {
    "use strict";

    var TWITCH_CHANNEL = "duda_xd";

    /* ------------------------------------------------------------------
     * YouTube: Liest die Datei videos.json, die auf dem Server von
     * fetch_videos.py (einmal am Tag per Cron) mit den aktuellen
     * Video-IDs deines Kanals aktualisiert wird.
     *
     * Dein API-Key ist dabei NIE im Browser - er bleibt komplett auf
     * dem Server versteckt (siehe fetch_videos.py).
     * ------------------------------------------------------------------ */
    function loadYouTube() {
        var grid = document.getElementById("yt-grid");
        if (!grid) return;

        fetch("videos.json", { cache: "no-cache" })
            .then(function (r) {
                if (!r.ok) throw new Error("HTTP " + r.status);
                return r.json();
            })
            .then(function (ids) {
                if (!Array.isArray(ids) || !ids.length) {
                    grid.innerHTML = '<div class="loading">Noch keine Videos vorhanden.</div>';
                    return;
                }
                renderYouTubeGrid(ids);
            })
            .catch(function () {
                grid.innerHTML =
                    '<div class="loading error">Videos konnten nicht geladen werden.</div>';
            });
    }

    function renderYouTubeGrid(videoIds) {
        var grid = document.getElementById("yt-grid");
        var html = "";
        for (var i = 0; i < videoIds.length; i++) {
            var id = String(videoIds[i]).trim();
            if (!id) continue;
            html +=
                '<div class="video-card">' +
                    '<div class="video-wrapper">' +
                        '<iframe src="https://www.youtube.com/embed/' + id +
                        '" title="Duda17 Video" ' +
                        'frameborder="0" allow="accelerometer; autoplay; clipboard-write; ' +
                        'encrypted-media; gyroscope; picture-in-picture; web-share" ' +
                        'referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>' +
                    '</div>' +
                '</div>';
        }
        grid.innerHTML = html || '<div class="loading">Keine Videos gefunden.</div>';
    }

    /* ------------------------------------------------------------------
     * Twitch: Live-Player einbetten.
     * ------------------------------------------------------------------ */
    function loadTwitch() {
        var wrap = document.getElementById("twitch-embed");
        if (!wrap) return;

        var domain = window.location.hostname || "localhost";
        var iframe = document.createElement("iframe");
        iframe.src = "https://player.twitch.tv/?channel=" + TWITCH_CHANNEL +
                     "&parent=" + domain + "&muted=true";
        iframe.setAttribute("title", "Twitch Stream");
        iframe.setAttribute("allowfullscreen", "true");
        iframe.setAttribute("scrolling", "no");
        iframe.setAttribute("allow", "autoplay; fullscreen");
        wrap.appendChild(iframe);
    }

    document.addEventListener("DOMContentLoaded", function () {
        loadYouTube();
        loadTwitch();
    });
})();