<!DOCTYPE html>
<html lang="en">
<head>
  <script disable-devtool-auto src='https://cdn.jsdelivr.net/npm/disable-devtool@latest'></script>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/devtools-detector/2.0.17/devtools-detector.js"></script>
  <script src="https://embed.rgshows.me/js/protected_devtoolsdetector.js" defer></script>
  <script src="https://embed.rgshows.me/js/nocheats.js" defer></script>
  <script src="https://embed.rgshows.me/js/path.js" defer></script>
  <script src="https://embed.rgshows.me/imp_js/venus.js" defer></script>
  <title>RgShows Api 1</title>
  <link rel="stylesheet" href="https://cdn.vidstack.io/player/theme.css" />
  <link rel="stylesheet" href="https://cdn.vidstack.io/player/video.css" />
  <style>

    body {
      background-color: #121212;
      color: #fff;
      font-family: Arial, sans-serif;
      margin: 0;
      height: 100vh;
      overflow: hidden;
    }
    #player-container {
      position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
#controls {
      position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
}
#target {
      width: 100%;
      height: 100%;
    }
    #languageSelect, #subServerSelect {
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      border: 1px solid #333;
      padding: 10px;
      border-radius: 5px;
      cursor: pointer;
    }
    #languageSelect option, #subServerSelect option {
      background: #333;
    }
    #languageSelect:focus, #subServerSelect:focus {
      outline: none;
    }
    #subServerSelect {
        display: none;
    }
  </style>  
  <script type="module">
    import { VidstackPlayer, VidstackPlayerLayout, TextTrack } from 'https://cdn.vidstack.io/player';
    
// Define proxies and APIs
const proxies = [
    "https://api.codetabs.com/v1/proxy/?quest=",
    "https://api.cors.lol/?url=",
    "https://rgproxy.notowner.workers.dev/?u="
];

const apis = [
    "https://expected-erika-rgshows-06042e31.koyeb.app",
    "https://api.rgshows.me"
];

// Function to get a random element from an array
function getRandomElement(arr) {
    return arr[Math.floor(Math.random() * arr.length)];
}

// Create a randomly mixed baseApiUrl
const baseApiUrl = `${getRandomElement(proxies)}${getRandomElement(apis)}`;
    const tvRoutes = {
        "Valhalla": baseApiUrl + "/vidlink/tv/:tmdbid/:season/:episode",
        "Asgard": baseApiUrl + "/vidapi/tv/:tmdbid/:season/:episode",
        "Atlantis": baseApiUrl + "/spenembed/tv/:tmdbid/:season/:episode",
        "Lyonesse": baseApiUrl + "/flixhq/tv/:tmdbid/:season/:episode",
        "Olympus": baseApiUrl + "/vidsrc_vip/tv/:tmdbid/:season/:episode",
        "Shambhala": baseApiUrl + "/hexa/tv/:tmdbid/:season/:episode",
        "Elysium": baseApiUrl + "/maxflix/tv/:tmdbid/:season/:episode",
        "Hyperborea": baseApiUrl + "/flicky/tv/:tmdbid/:season/:episode",
        "Avalon": baseApiUrl + "/vidsrc_su/tv/:tmdbid/:season/:episode",
        "El Dorado": baseApiUrl + "/viet/tv/:tmdbid/:season/:episode",
        "Arcadia": baseApiUrl + "/embed/tv/:tmdbid/:season/:episode",
        "Nirvana": baseApiUrl + "/tasf/tv/:tmdbid/:season/:episode"
    };
    
    async function fetchStream(apiUrl) {
        try {
            const response = await fetch(apiUrl);
            if (!response.ok) throw new Error("Invalid response");
            return await response.json();
        } catch (error) {
            console.error("Error fetching stream:", error);
            return null;
        }
    }
    
    function parseStream(server, data) {
        switch (server) {
            case "upcloud":
            case "megacloud":
                return data.stream ? [{ url: data.stream, quality: "default" }] : null;
            case "vidsrc.vip":
            case "vidsrc.su":
            case "vidlink":
            case "vidapi":
            case "spenembed":
            case "flixhq":
            case "maxflix":
            case "vietnam":
                return data.stream?.url ? [{ url: data.stream.url, quality: "default" }] : null;
            case "tasf":
            case "flicky":
                return data.streams?.map(s => ({ url: s.url, quality: s.quality })) || null;
            case "embedsu":
            case "hexa":
                return Array.isArray(data.stream) 
                    ? data.stream.map(s => ({ url: s.url, quality: s.quality })) 
                    : null;
            default:
                console.warn(`Unexpected stream format for ${server}:`, data);
                return null;
        }
    }
    
    async function initializePlayer(url, title, poster, tmdbId, season, episode) {
        const playerContainer = document.getElementById('player-container');
        playerContainer.innerHTML = ''; // Clear previous player
    
        const targetElement = document.createElement('div');
        targetElement.id = 'target';
        playerContainer.appendChild(targetElement);
    
        const player = await VidstackPlayer.create({
            target: '#target',
            src: url,
            layout: new VidstackPlayerLayout(),
            title: title,
            poster: poster,
        });
    
        addSubtitles(player, tmdbId, season, episode);
    }
    
    function setupSubServerDropdown(streams) {
        const subServerSelect = document.getElementById("subServerSelect");
        subServerSelect.innerHTML = "";
    
        if (!streams || streams.length <= 1) {
            subServerSelect.style.display = "none";
            return;
        }
    
        streams.forEach((stream, index) => {
            const option = document.createElement("option");
            option.value = stream.url;
            option.textContent = `Subserver ${index + 1} (${stream.quality || "unknown"}p)`;
            subServerSelect.appendChild(option);
        });
    
        subServerSelect.style.display = "inline-block";
        subServerSelect.onchange = () => {
            const selectedUrl = subServerSelect.value;
            initializePlayer(selectedUrl);
        };
    }
    
    async function addSubtitles(player, tmdbId, season, episode) {
        try {
            const subtitlesEndpoint = `https://sub.wyzie.ru/search?id=${tmdbId}&season=${season}&episode=${episode}`;
            const response = await fetch(subtitlesEndpoint);
            const subtitles = await response.json();
    
            if (Array.isArray(subtitles)) {
                const uniqueSubtitles = {};
                subtitles.forEach((subtitle) => {
                    if (!uniqueSubtitles[subtitle.language]) {
                        uniqueSubtitles[subtitle.language] = subtitle;
                    }
                });
    
                Object.values(uniqueSubtitles).forEach((subtitle) => {
                    const track = new TextTrack({
                        src: subtitle.url,
                        kind: 'subtitles',
                        label: subtitle.display,
                        language: subtitle.language,
                        type: subtitle.format || 'vtt',
                        default: subtitle.language === 'en',
                    });
    
                    player.textTracks.add(track);
                });
            }
        } catch (error) {
            console.error('Error fetching subtitles:', error);
        }
    }
    
    async function initialize() {
        const urlParams = new URLSearchParams(window.location.search);
        const tmdbId = urlParams.get("id");
        const season = urlParams.get("s");
        const episode = urlParams.get("e");
    
        if (!tmdbId || !season || !episode) {
            alert("Missing parameters! TMDB ID, season, and episode are required.");
            return;
        }
    
        const tmdbApiKey = 'f6e840332142f77746185ab4e67be858';
        const tmdbEndpoint = `https://api.themoviedb.org/3/tv/${tmdbId}?api_key=${tmdbApiKey}`;
        const response = await fetch(tmdbEndpoint);
        const showData = await response.json();
        const title = `${showData.name} - S${season}E${episode}`;
    
        const poster = showData.poster_path
            ? `https://image.tmdb.org/t/p/w500${showData.poster_path}`
            : 'path/to/default/poster.jpg';
    
        const languageSelect = document.getElementById("languageSelect");
    
        languageSelect.innerHTML = "";
    
        const allStreams = Object.entries(tvRoutes).map(async ([server, apiUrlTemplate]) => {
            const apiUrl = apiUrlTemplate.replace(":tmdbid", tmdbId).replace(":season", season).replace(":episode", episode);
            const data = await fetchStream(apiUrl);
    
            if (data) {
                const streams = parseStream(server, data);
    
                if (streams) {
                    const option = document.createElement("option");
                    option.value = JSON.stringify({
                        url: streams[0]?.url,
                        streams: streams
                    });
                    option.textContent = server;
                    languageSelect.appendChild(option);
    
                    if (languageSelect.options.length === 1) {
                        const firstStream = JSON.parse(option.value);
                        initializePlayer(firstStream.url, title, poster, tmdbId, season, episode);
                        setupSubServerDropdown(firstStream.streams);
                    }
    
                    languageSelect.onchange = () => {
                        const selectedOption = JSON.parse(languageSelect.value);
                        initializePlayer(selectedOption.url, title, poster, tmdbId, season, episode);
                        setupSubServerDropdown(selectedOption.streams);
                    };
                }
            }
        });
    
        await Promise.all(allStreams);
    }
    
    document.addEventListener("DOMContentLoaded", initialize);
    </script>
</head>
<body>
  <div id="player-container"></div>
  <div id="target"></div>
  <div id="controls">
    <select id="languageSelect"></select>
    <select id="subServerSelect"></select>
  </div>
  <script src="https://vjs.zencdn.net/8.12.0/video.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
  <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HVCN1EQT8R"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-HVCN1EQT8R');
</script>
  </body>
  </html>
