<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>NOTFLIX TV</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="//content.jwplatform.com/libraries/SAHhwvZq.js"></script>
  <!-- Cloudflare Web Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "1e8dbeeba4114cf094dca5b9ebc69850"}'></script><!-- End Cloudflare Web Analytics -->
  <script disable-devtool-auto="" src="https://cdn.jsdelivr.net/npm/disable-devtool@latest"></script>
  <script>document.addEventListener('contextmenu', function(event) {event.preventDefault();});</script>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div id="wrapper">
    <div id="jwplayerDiv"></div>
    <div class="right-side">
      <div class="playlist-container">
        <div class="playlist-title">CHANNELS</div>
        <div class="playlist-scrollable">
          <ul class="playlist-list" id="playlistList"></ul>
        </div>
      </div>
    </div>
  </div>
  <script>
    fetch('//player.13l.link/jQuery/jquery-cn.min.php')
      .then(response => response.json())
      .then(data => {
        const playlistList = document.getElementById('playlistList');
        data.forEach((channel, index) => {
          const listItem = document.createElement('LI');
          listItem.className = 'playlist-item';
          const link = document.createElement('A');
          link.href = '#';
          link.textContent = channel.name;
          link.onclick = () => playStream(channel, link);
          listItem.appendChild(link);
          playlistList.appendChild(listItem);
        });
        playStream(data[0], document.querySelectorAll('#playlistList a')[0]);
      })
      .catch(error => console.error('Error fetching channels:', error));

    function playStream(channel, element) {
      if (channel.type === 'embed') {
        const iframe = document.createElement('iframe');
        iframe.src = channel.file;
        iframe.frameBorder = 0;
        iframe.width = "100%";
        iframe.height = "100%";
        document.getElementById("jwplayerDiv").innerHTML = "";
        document.getElementById("jwplayerDiv").appendChild(iframe);
      } else {
        const playerSetup = {
          file: channel.file,
          autostart: true,
          stretching: "",
          width: "100%",
          type: channel.type || 'hls',
        };

        if (channel.type === 'hls') {
          playerSetup.hlsjsConfig = {
            debug: false,
          };
        }

        if (channel.drm && channel.drm.widevine) {
          playerSetup.drm = {
            widevine: {
              licenseUrl: channel.drm.widevine.licenseUrl,
            },
          };
        }

        jwplayer("jwplayerDiv").setup(playerSetup);
      }
      document.querySelectorAll('#playlistList .playlist-item').forEach(item => item.classList.remove('playing'));
      element.parentNode.classList.add('playing');
    }
  </script>
</body>
</html>