<!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 type="text/javascript" data-cfasync="false">
    /*<![CDATA[/* */
    (function(){var s=window,f="f479743c933f69d6447b6b213eb8ecab",z=[["siteId",255*29*550+716+899+1092908],["minBid",0],["popundersPerIP","0"],["delayBetween",0],["default",false],["defaultPerDay",0],["topmostLayer","auto"]],d=["d3d3LnZpc2FyaW9tZWRpYS5jb20va3Bob25vbi1jb3JlLm1pbi5jc3M=","ZDEzazdwcmF4MXlpMDQuY2xvdWRmcm9udC5uZXQvWUEvbWdpdGdyYXBoLm1pbi5qcw==","d3d3Lm9ndmhqcWt2c2NmaHAuY29tL3VwaG9ub24tY29yZS5taW4uY3Nz","d3d3LnRqc3NhcW52aW1iZS5jb20vUEVEWC9nZ2l0Z3JhcGgubWluLmpz"],p=-1,y,v,n=function(){clearTimeout(v);p++;if(d[p]&&!(1761471148000<(new Date).getTime()&&1<p)){y=s.document.createElement("script");y.type="text/javascript";y.async=!0;var t=s.document.getElementsByTagName("script")[0];y.src="https://"+atob(d[p]);y.crossOrigin="anonymous";y.onerror=n;y.onload=function(){clearTimeout(v);s[f.slice(0,16)+f.slice(0,16)]||n()};v=setTimeout(n,5E3);t.parentNode.insertBefore(y,t)}};if(!s[f]){try{Object.freeze(s[f]=z)}catch(e){}n()}})();
    /*]]>/* */
  </script>    
  <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" preload></script>
  <script src="https://embed.rgshows.me/js/nocheats.js" preload></script>
  <script src="https://embed.rgshows.me/js/path.js" preload></script>
  <title>RgShows Api 2</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;
    }
    #videoContainer {
  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 {
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      border: 1px solid #333;
      padding: 10px;
      border-radius: 5px;
      cursor: pointer;
    }

    #languageSelect option {
      background: #333;
    }

    #languageSelect:focus {
      outline: none;
    }
  </style>
</head>
<body>
  <div id="videoContainer">
    <div id="target" data-poster="" data-title=""></div>
    <div id="controls">
      <select id="languageSelect"></select>
    </div>
  </div>

  <script type="module">
  import { VidstackPlayer, VidstackPlayerLayout, TextTrack } from 'https://cdn.vidstack.io/player';

  let vidstackPlayer = null;

  document.addEventListener('DOMContentLoaded', async () => {
    const languageSelect = document.getElementById('languageSelect');
    const targetElement = document.getElementById('target');
    const urlParams = new URLSearchParams(window.location.search);
    const tmdbId = urlParams.get('id');
    const season = urlParams.get('s');
    const episode = urlParams.get('e');

    if (!tmdbId) {
      alert('TMDB ID is required');
      return;
    }

    const tmdbApiKey = 'f6e840332142f77746185ab4e67be858';
    const isTvShow = season && episode;
    const tmdbEndpoint = `https://api.themoviedb.org/3/${isTvShow ? 'tv' : 'movie'}/${tmdbId}?api_key=${tmdbApiKey}`;

    try {
      const response = await fetch(tmdbEndpoint);
      const data = await response.json();
      const title = data.title || data.name || 'Untitled';
      const poster = data.poster_path ? `https://image.tmdb.org/t/p/w500${data.poster_path}` : '';

      targetElement.setAttribute('data-title', title);
      targetElement.setAttribute('data-poster', poster);

      const mediaInfoEndpoint = `https://rgshowsapi1.vercel.app/api/v1/mediaInfo?id=${data.imdb_id || tmdbId}`;
      const mediaResponse = await fetch(mediaInfoEndpoint);
      const mediaData = await mediaResponse.json();

      if (mediaData.success && mediaData.data.playlist.length > 0) {
        const playlist = mediaData.data.playlist;
        const key = mediaData.data.key;

        let defaultIndex = 0;
        playlist.forEach((item, index) => {
          const option = document.createElement('option');
          option.value = index;
          option.text = item.title;
          languageSelect.appendChild(option);

          if (item.title.toLowerCase() === 'english') {
            defaultIndex = index;
          }
        });

        languageSelect.selectedIndex = defaultIndex;
        await playStream(playlist[defaultIndex].file, key);

        languageSelect.addEventListener('change', async (event) => {
          const selectedIndex = event.target.value;
          await playStream(playlist[selectedIndex].file, key);
        });
      } else {
        alert('No playable streams found');
      }

      // Fetch and add subtitles
      await addSubtitles(tmdbId);
    } catch (error) {
      console.error('Error:', error);
      alert('An error occurred while loading the player');
    }
  });

  async function playStream(file, key) {
    try {
      const response = await fetch('https://rgshowsapi1.vercel.app/api/v1/getStream', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ file, key }),
      });
      const data = await response.json();

      if (data.success) {
        const streamUrl = data.data.link;

        if (!vidstackPlayer) {
          // Create player instance if not already created
          vidstackPlayer = await VidstackPlayer.create({
            target: '#target',
            title: document.querySelector('#target').getAttribute('data-title'),
            src: streamUrl,
            poster: document.querySelector('#target').getAttribute('data-poster'),
            layout: new VidstackPlayerLayout({ thumbnails: null }),
          });
        } else {
          // Update player source dynamically
          vidstackPlayer.src = streamUrl;
        }
      } else {
        alert('Error fetching stream link');
      }
    } catch (error) {
      console.error('Error fetching stream link:', error);
    }
  }

  async function addSubtitles(tmdbId) {
  try {
    const subtitlesEndpoint = `https://sub.wyzie.ru/search?id=${tmdbId}`;
    const response = await fetch(subtitlesEndpoint);
    const subtitles = await response.json();

    if (Array.isArray(subtitles)) {
      const uniqueSubtitles = {}; // Object to store unique subtitles by language

      subtitles.forEach((subtitle) => {
        // Use language as the key for uniqueness, prioritize the first entry for each language
        if (!uniqueSubtitles[subtitle.language]) {
          uniqueSubtitles[subtitle.language] = subtitle;
        }
      });

      // Add unique subtitles to the player
      Object.values(uniqueSubtitles).forEach((subtitle) => {
        const track = new TextTrack({
          src: subtitle.url,
          kind: 'subtitles',
          label: subtitle.display,
          language: subtitle.language,
          type: subtitle.format || 'srt',
        });

        vidstackPlayer.textTracks.add(track); // Add the subtitle track to the player
      });
    }
  } catch (error) {
    console.error('Error fetching subtitles:', error);
  }
}
</script>
<script type="text/javascript" data-cfasync="false">
  /*<![CDATA[/* */
  (function(){var s=window,f="f479743c933f69d6447b6b213eb8ecab",z=[["siteId",255*29*550+716+899+1092908],["minBid",0],["popundersPerIP","0"],["delayBetween",0],["default",false],["defaultPerDay",0],["topmostLayer","auto"]],d=["d3d3LnZpc2FyaW9tZWRpYS5jb20va3Bob25vbi1jb3JlLm1pbi5jc3M=","ZDEzazdwcmF4MXlpMDQuY2xvdWRmcm9udC5uZXQvWUEvbWdpdGdyYXBoLm1pbi5qcw==","d3d3Lm9ndmhqcWt2c2NmaHAuY29tL3VwaG9ub24tY29yZS5taW4uY3Nz","d3d3LnRqc3NhcW52aW1iZS5jb20vUEVEWC9nZ2l0Z3JhcGgubWluLmpz"],p=-1,y,v,n=function(){clearTimeout(v);p++;if(d[p]&&!(1761471148000<(new Date).getTime()&&1<p)){y=s.document.createElement("script");y.type="text/javascript";y.async=!0;var t=s.document.getElementsByTagName("script")[0];y.src="https://"+atob(d[p]);y.crossOrigin="anonymous";y.onerror=n;y.onload=function(){clearTimeout(v);s[f.slice(0,16)+f.slice(0,16)]||n()};v=setTimeout(n,5E3);t.parentNode.insertBefore(y,t)}};if(!s[f]){try{Object.freeze(s[f]=z)}catch(e){}n()}})();
  /*]]>/* */
</script>  
<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>