<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>DGM TV</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/shaka-player@latest/dist/controls.css" />
    <script src="https://cdn.jsdelivr.net/npm/shaka-player@latest/dist/shaka-player.ui.debug.js"></script>
    <style>
      @import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");

      body {
        margin: 0;
        font-family: "Raleway", sans-serif;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 100vh;
      }

      #wrapper {
        width: 100%;
        max-width: 1200px;
        text-align: center;
      }

      #title {
        font-size: 36px;
        font-weight: bold;
        margin: 20px 0;
        color: #e50914;
      }

      #video-container {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
        aspect-ratio: 16 / 9;
        margin-bottom: 60px;
      }

      #video-container video,
      #video-container iframe {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7);
        z-index: 2;
        position: relative;
        display: none;
      }

      .category {
        margin: 0px 0px 60px;
        background-color: rgba(43, 52, 68, 0.74);
        padding: 20px 20px 50px;
        border-radius: 10px;
      }

      .category-title {
        font-size: 20px;
        font-weight: bold;
        margin: 10px 0px;
        padding-left: 10px;
        text-align: center;
      }

      .channel-slider-wrapper {
        position: relative;
        display: flex;
        align-items: center;
      }

      .channel-slider {
        display: flex;
        overflow-x: auto;
        gap: 10px;
        padding: 10px;
        scroll-behavior: smooth;
        flex-grow: 1;
      }

      .channel-slider::-webkit-scrollbar {
        height: 8px;
      }

      .channel-slider::-webkit-scrollbar-thumb {
        background: #555;
        border-radius: 4px;
      }

      .arrow-button {
        background: rgba(0, 0, 0, 0.8);
        border: none;
        padding: 8px 5px 11px 8px;
        cursor: pointer;
        z-index: 10;
        font-size: 24px;
        border-radius: 5px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
        color: #57cbde;
      }

      .arrow-left {
        margin-right: 10px;
      }

      .arrow-right {
        margin-left: 10px;
      }

      .channel-card {
        flex: 0 0 auto;
        width: 100px;
        background: #222;
        border-radius: 8px;
        text-align: center;
        padding: 10px;
        cursor: pointer;
        transition: transform 0.2s;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 130px;
        outline: none;
      }

      .channel-card:focus {
        transform: scale(1.1);
        outline: 2px solid #e50914;
      }

      .channel-logo {
        width: 100px;
        height: 100px;
        object-fit: contain;
        border-radius: 5px;
        margin-bottom: 10px;
      }

      .channel-name {
        font-size: 12px;
        font-weight: bold;
        color: #e50914;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
      }

      #footer {
        font-size: 14px;
        color: #aaa;
        margin-top: 100px;
        margin-bottom: 80px;
      }

      #footer img {
        max-width: 300px;
      }

      #footer a {
        color: #e50914;
        text-decoration: none;
      }

      #footer a:hover {
        text-decoration: underline;
      }

      /* Style for the video background */
      .video-background {
        position: relative;
        width: 100%;
        height: 100vh; /* Adjust to your desired height */
      }

      .video-background video {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        object-fit: cover; /* Ensures the video covers the whole area */
        transform: translate(-50%, -50%);
        z-index: -1; /* Keeps the video behind content */
      }

      .content {
        position: relative;
        z-index: 1;
        color: white; /* Make sure text stands out against the background */
        text-align: center;
        padding: 20px;
        display: flex;
        justify-content: center;
      }
    </style>
  </head>
  <body>
    <section class="video-background">
      <video autoplay loop muted playsinline preload="none">
        <source
          src="https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/items/2256790/d7d3fcfc0e4efa94bfbbb6fb7d6dc8e10cfd00e8.mp4"
          type="video/mp4"
        />
        <source
          src="https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/items/2256790/b345029c02a5f35176b867827aecc26ed3b4ba2d.webm"
          type="video/webm"
        />
        <img
          src="https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/items/2256790/97fd27f9b1c0866749914f9ece7b87c1e1548ab1.jpg"
          alt="Fallback Image"
        />
      </video>
      <div class="content">
        <div id="wrapper">
          <div id="video-container">
            <iframe id="youtube-video" allowfullscreen></iframe>
            <video id="video" controls></video>
          </div>
    
          <div id="categories"></div>
    
          <div id="footer">
            <a href="https://dgm.dev/"><img src="/images/dgm-logo.png" /></a>
            <br />
            <p>
              &copy;
              <script>
                document.write(new Date().getFullYear());
              </script>
              DGM. All rights reserved.
            </p>
          </div>
        </div>
      </div>
    </section>

    <script>
      const streams = [
      {
          name: "GMA",
          logo: "/images/dPYzNEW.png",
          type: "youtube",
          type: "hls",
          manifestUri:
            "https://ott.studentsdemo.com/stream/phcathenatv/gma/master.m3u8?u=phc&p=952839dd924747ba61aac23a9311e8c8ff7013327d77fcf7df5067d0cea83fc4",
          category: ["Local"],
        },
        {
          name: "Kapuso Stream",
          logo: "/images/ym6tY9w.png",
          type: "youtube",
          //embedUrl: "https://www.youtube.com/c/gmanetwork/live",
          embedUrl: "https://www.youtube.com/embed/live_stream?channel=UCKL5hAuzgFQsyrsQKgU0Qng&amp;rel=0&amp;controls=1&amp;showinfo=0&amp;autoplay=1",
          category: ["Local"],
        },
        {
          name: "GMA Pinoy TV",
          logo: "/images/Eo0f51v.png",
          type: "mpegdash",
          manifestUri:
            "https://cdn-uw2-prod.tsv2.amagi.tv/linear/amg01006-abs-cbn-abscbn-gma-x7-dash-abscbnono/7c693236-e0c1-40a3-8bd0-bb25e43f5bfc/index.mpd",
          clearKey: {
            c95ed4c44b0b4f7fa1c6ebbbbaab21a1:
              "47635b8e885e19f2ccbdff078c207058",
          },
          category: ["Local"],
        },
        {
          name: "GTV",
          logo: "/images/geuq18u.png",
          type: "hls",
          manifestUri:
            "https://ott.studentsdemo.com/stream/phcathenatv/gtv/master.m3u8?u=phc&p=952839dd924747ba61aac23a9311e8c8ff7013327d77fcf7df5067d0cea83fc4",
          category: ["Local"],
        },
        {
          name: "GMA News TV",
          logo: "/images/6tPRnRy.png",
          type: "youtube",
          //embedUrl: "https://www.youtube.com/c/gmanews/live",
          embedUrl: "https://www.youtube.com/embed/live_stream?channel=UCqYw-CTd1dU2yGI71sEyqNw&amp;rel=0&amp;controls=1&amp;showinfo=0&amp;autoplay=1",
          category: ["Local", "News"],
        },
        {
          name: "TV5",
          logo: "/images/Ddyfzrn.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-02-prod.akamaized.net/out/u/tv5_hd.mpd",
          clearKey: {
            "2615129ef2c846a9bbd43a641c7303ef":
              "07c7f996b1734ea288641a68e1cfdc4d",
          },
          category: ["Local"],
        },
        {
          name: "A2Z",
          logo: "/images/43nZ2rv.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-02-prod.akamaized.net/out/u/cg_a2z.mpd",
          clearKey: {
            f703e4c8ec9041eeb5028ab4248fa094:
              "c22f2162e176eee6273a5d0b68d19530",
          },
          category: ["Local"],
        },
        {
          name: "TFC",
          logo: "/images/zZWj5vn.png",
          type: "mpegdash",
          manifestUri:
            "https://cdn-ue1-prod.tsv2.amagi.tv/linear/amg01006-abs-cbn-tfcasia-dash-abscbnono/7045bc3c-9492-42d4-974e-a3b217776e57/index.mpd",
          clearKey: {
            "9568cc84e1d944f38eac304517eab6fd":
              "f12142af8f39b3bab79d3679d3665ebe",
          },
          category: ["Local"],
        },
        {
          name: "PBO",
          logo: "/images/buOVATz.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-04-prod.akamaized.net/out/u/pbo_sd.mpd",
          clearKey: {
            dcbdaaa6662d4188bdf97f9f0ca5e830:
              "31e752b441bd2972f2b98a4b1bc1c7a1",
          },
          category: ["Movies", "Cignal TV Exclusives"],
        },
        {
          name: "Sari-Sari",
          logo: "/images/MXxN1UO.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-06-prod.akamaized.net/out/u/cg_sari_sari_sd.mpd",
          clearKey: {
            "0a7ab3612f434335aa6e895016d8cd2d":
              "b21654621230ae21714a5cab52daeb9d",
          },
          category: ["Local", "Cignal TV Exclusives"],
        },
        {
          name: "Viva Cinema",
          logo: "/images/51RWtvd.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-06-prod.akamaized.net/out/u/viva_sd.mpd",
          clearKey: {
            "07aa813bf2c147748046edd930f7736e":
              "3bd6688b8b44e96201e753224adfc8fb",
          },
          category: ["Movies", "Cignal TV Exclusives"],
        },
        {
          name: "Cinema One",
          logo: "/images/moSPpuJ.png",
          type: "hls",
          manifestUri: "https://cinemaone-abscbn-ono.amagi.tv/index.m3u8",
          category: ["Movies", "Cignal TV Exclusives"],
        },
        {
          name: "CineMo!",
          logo: "/images/2Jn7QHG.png",
          type: "hls",
          manifestUri: "https://cinemo-abscbn-ono.amagi.tv/playlist.m3u8",
          category: ["Movies", "Cignal TV Exclusives"],
        },
        {
          name: "Jungo Pinoy TV",
          logo: "/images/OnnoTdR.png",
          type: "hls",
          manifestUri:
            "https://jungotvstream-chanall.akamaized.net/jungotv/jungopinoytv/stream.m3u8",
          category: ["Movies", "Cignal TV Exclusives"],
        },
        {
          name: "ANC",
          logo: "/images/Bcu69bU.png",
          type: "mpegdash",
          manifestUri:
            "https://cdn-ue1-prod.tsv2.amagi.tv/linear/amg01006-abs-cbn-anc-global-dash-abscbnono/index.mpd",
          clearKey: {
            "4bbdc78024a54662854b412d01fafa16":
              "6039ec9b213aca913821677a28bd78ae",
          },
          category: ["News", "Cignal TV Exclusives"],
        },
        {
          name: "TVN Movies Pinoy",
          logo: "https://imgur.com/12f0Qk8.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-07-prod.akamaized.net/out/u/cg_tvnmovie.mpd",
          clearKey: {
            "2e53f8d8a5e94bca8f9a1e16ce67df33":
              "3471b2464b5c7b033a03bb8307d9fa35",
          },
          category: ["Movies", "Cignal TV Exclusives"],
        },
        {
          name: "TMC",
          logo: "/images/6mNCite.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-07-prod.akamaized.net/out/u/cg_tagalogmovie.mpd",
          clearKey: {
            "96701d297d1241e492d41c397631d857":
              "ca2931211c1a261f082a3a2c4fd9f91b",
          },
          category: ["Movies", "Cignal TV Exclusives"],
        },
        {
          name: "Animax",
          logo: "/images/iYRTs2n.png",
          type: "mpegdash",
          manifestUri:
            "https://tglmp01.akamaized.net/out/v1/de55fad9216e4fe7ad8d2eed456ba1ec/manifest.mpd",
          clearKey: {
            edf1a715de9748638dd2fad75a419af2:
              "2f5a3199b26e9b693ae881af7ff864cf",
          },
          category: ["Kids", "Cignal TV Exclusives"],
        },
        {
          name: "Cartoon Network",
          logo: "/images/R1fV2uY.png",
          type: "hls",
          manifestUri: "https://cdn4.skygo.mn/live/disk1/Cartoon_Network/DASH-FTA/Cartoon_Network.mpd",
          // type: "mpegdash",
          // manifestUri:
          //   "https://qp-pldt-live-grp-12-prod.akamaized.net/out/u/dr_cartoonnetworkhd.mpd",
          // clearKey: {
          //   a2d1f552ff9541558b3296b5a932136b:
          //     "cdd48fa884dc0c3a3f85aeebca13d444",
          // },
          category: ["Kids", "Cignal TV Exclusives"],
        },
        {
          name: "Disney Channel",
          logo: "/images/NVRbZfJ.png",
          type: "hls",
          manifestUri: "https://disney-channel.13l.link/live/Disney/index.m3u8",
          category: ["Kids"],
        },
        {
          name: "DreamWorks Tagalized",
          logo: "/images/fh1Lg7b.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-07-prod.akamaized.net/out/u/cg_dreamworktag.mpd",
          clearKey: {
            "564b3b1c781043c19242c66e348699c5":
              "d3ad27d7fe1f14fb1a2cd5688549fbab",
          },
          category: ["Kids", "Cignal TV Exclusives"],
        },
        {
          name: "DreamWorks",
          logo: "/images/fh1Lg7b.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-02-prod.akamaized.net/out/u/cg_dreamworks_hd1.mpd",
          clearKey: {
            "4ab9645a2a0a47edbd65e8479c2b9669":
              "8cb209f1828431ce9b50b593d1f44079",
          },
          category: ["Kids", "Cignal TV Exclusives"],
        },
        {
          name: "PBS Kids",
          logo: "https://imgur.com/RNtLJ3S.png",
          type: "hls",
          manifestUri:
            "https://2-fss-2.streamhoster.com/pl_140/amlst:200914-1298290/chunklist_b2000000.m3u8",
          category: ["Kids", "Cignal TV Exclusives"],
        },
        {
          name: "Moonbug Kids",
          logo: "/images/H5Ha3ll.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-06-prod.akamaized.net/out/u/cg_moonbug_kids_sd.mpd",
          clearKey: {
            "0bf00921bec94a65a124fba1ef52b1cd":
              "0f1488487cbe05e2badc3db53ae0f29f",
          },
          category: ["Kids", "Cignal TV Exclusives"],
        },
        {
          name: "Nickelodeon",
          logo: "/images/tIRSRoR.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-11-prod.akamaized.net/out/u/dr_nickelodeon.mpd",
          clearKey: {
            "9ce58f37576b416381b6514a809bfd8b":
              "f0fbb758cdeeaddfa3eae538856b4d72",
          },
          category: ["Kids", "Cignal TV Exclusives"],
        },
        {
          name: "Nick Jr",
          logo: "/images/nliH2PY.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-12-prod.akamaized.net/out/u/dr_nickjr.mpd",
          clearKey: {
            bab5c11178b646749fbae87962bf5113:
              "0ac679aad3b9d619ac39ad634ec76bc8",
          },
          category: ["Kids", "Cignal TV Exclusives"],
        },
        {
          name: "HBO",
          logo: "/images/fHBIgs6.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-03-prod.akamaized.net/out/u/cg_hbohd.mpd",
          clearKey: {
            d47ebabf7a21430b83a8c4b82d9ef6b1:
              "54c213b2b5f885f1e0290ee4131d425b",
          },
          category: ["Movies", "Cignal TV Exclusives"],
        },
        {
          name: "HBO Family",
          logo: "/images/WANpEkc.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-03-prod.akamaized.net/out/u/cg_hbofam.mpd",
          clearKey: {
            "872910c843294319800d85f9a0940607":
              "f79fd895b79c590708cf5e8b5c6263be",
          },
          category: ["Movies", "Cignal TV Exclusives"],
        },
        {
          name: "HBO Signature",
          logo: "/images/Q2ki7HC.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-01-prod.akamaized.net/out/u/cg_hbosign.mpd",
          clearKey: {
            a06ca6c275744151895762e0346380f5:
              "559da1b63eec77b5a942018f14d3f56f",
          },
          category: ["Movies", "Cignal TV Exclusives"],
        },
        {
          name: "HBO Hits",
          logo: "/images/iCnfJS0.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-09-prod.akamaized.net/out/u/cg_hbohits.mpd",
          clearKey: {
            b04ae8017b5b4601a5a0c9060f6d5b7d:
              "a8795f3bdb8a4778b7e888ee484cc7a1",
          },
          category: ["Movies", "Cignal TV Exclusives"],
        },
        {
          name: "Cinemax",
          logo: "/images/r8qzNiy.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-01-prod.akamaized.net/out/u/cg_cinemax.mpd",
          clearKey: {
            b207c44332844523a3a3b0469e5652d7:
              "fe71aea346db08f8c6fbf0592209f955",
          },
          category: ["Movies", "Cignal TV Exclusives"],
        },
        {
          name: "Hits Now",
          logo: "/images/S3pNx8G.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-09-prod.akamaized.net/out/u/cg_hitsnow.mpd",
          clearKey: {
            "14439a1b7afc4527bb0ebc51cf11cbc1":
              "92b0287c7042f271b266cc11ab7541f1",
          },
          category: ["Entertainment", "Cignal TV Exclusives"],
        },
        {
          name: "Hits",
          logo: "/images/jghDgUJ.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-04-prod.akamaized.net/out/u/hits_hd1.mpd",
          clearKey: {
            dac605bc197e442c93f4f08595a95100:
              "975e27ffc1b7949721ee3ccb4b7fd3e5",
          },
          category: ["Entertainment", "Cignal TV Exclusives"],
        },
        {
          name: "Hits Movies",
          logo: "/images/zzdj40q.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-12-prod.akamaized.net/out/u/dr_hitsmovies.mpd",
          clearKey: {
            f56b57b32d7e4b2cb21748c0b56761a7:
              "3df06a89aa01b32655a77d93e09e266f",
          },
          category: ["Movies", "Cignal TV Exclusives"],
        },
        {
          name: "AXN",
          logo: "/images/Dj6tVaG.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-06-prod.akamaized.net/out/u/cg_axn_sd.mpd",
          clearKey: {
            fd5d928f5d974ca4983f6e9295dfe410:
              "3aaa001ddc142fedbb9d5557be43792f",
          },
          category: ["Entertainment", "Cignal TV Exclusives"],
        },
        {
          name: "Warner TV",
          logo: "/images/vGEL2Ne.png",
          type: "hls",
          manifestUri: "https://cdn4.skygo.mn/live/disk1/Warner/DASH-FTA/Warner.mpd",
          //type: "mpegdash",
          // manifestUri:
          //   "https://qp-pldt-live-grp-11-prod.akamaized.net/out/u/dr_warnertvhd.mpd",
          // clearKey: {
          //   "4503cf86bca3494ab95a77ed913619a0":
          //     "afc9c8f627fb3fb255dee8e3b0fe1d71",
          // },
          category: ["Entertainment", "Cignal TV Exclusives"],
        },
        {
          name: "Rock Action",
          logo: "/images/PJZmoyW.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-13-prod.akamaized.net/out/u/dr_rockextreme.mpd",
          clearKey: {
            "0f852fb8412b11edb8780242ac120002":
              "4cbc004d8c444f9f996db42059ce8178",
          },
          category: ["Entertainment", "Cignal TV Exclusives"],
        },
        {
          name: "Rock Entertainment",
          logo: "/images/DP36vpY.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-13-prod.akamaized.net/out/u/dr_rockentertainment.mpd",
          clearKey: {
            e4ee0cf8ca9746f99af402ca6eed8dc7:
              "be2a096403346bc1d0bb0f812822bb62",
          },
          category: ["Entertainment", "Cignal TV Exclusives"],
        },
        {
          name: "Thrill",
          logo: "/images/Szf7VBM.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-06-prod.akamaized.net/out/u/cg_thrill_sd.mpd",
          clearKey: {
            "928114ffb2394d14b5585258f70ed183":
              "a82edc340bc73447bac16cdfed0a4c62",
          },
          category: ["Movies", "Cignal TV Exclusives"],
        },
        {
          name: "Lotus Macau",
          logo: "/images/sKfzEuf.png",
          type: "hls",
          manifestUri: "https://cdn4.skygo.mn/live/disk1/Lotus/DASH-FTA/Lotus.mpd",
          // type: "mpegdash",
          // manifestUri:
          //   "https://qp-pldt-live-grp-07-prod.akamaized.net/out/u/lotusmacau_prd.mpd",
          // clearKey: {
          //   "60dc692e64ea443a8fb5ac186c865a9b":
          //     "01bdbe22d59b2a4504b53adc2f606cc1",
          // },
          category: ["Movies", "Cignal TV Exclusives"],
        },
        {
          name: "IBC13",
          logo: "/images/Org4yTu.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-07-prod.akamaized.net/out/u/ibc13_sd.mpd",
          clearKey: {
            "04e292bc99bd4ccba89e778651914254":
              "ff0a62bdf8920ce453fe680330b563a5",
          },
          category: ["Local"],
        },
        {
          name: "PTV4",
          logo: "/images/Ktl7qZt.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-02-prod.akamaized.net/out/u/cg_ptv4_sd.mpd",
          clearKey: {
            "71a130a851b9484bb47141c8966fb4a3":
              "ad1f003b4f0b31b75ea4593844435600",
          },
          category: ["Local", "News"],
        },
        {
          name: "DepEd Channel",
          logo: "/images/TyFFBWn.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-07-prod.akamaized.net/out/u/depedch_sd.mpd",
          clearKey: {
            "0f853706412b11edb8780242ac120002":
              "2157d6529d80a760f60a8b5350dbc4df",
          },
          category: ["Local", "Educational"],
        },
        // {
        //   name: "National Geographic",
        //   logo: "/images/pLczqjP.png",
        //   type: "hls",
        //   //manifestUri: "http://23.227.140.75:3050/angela79416@gmail.com/NJzbg77qZ9/418006",
        //   //manifestUri: "http://178.162.225.182:2082/Tourobox1-y85tOTzw47/Att3piLtZf/88",
        //   manifestUri: "http://45.159.74.13/NationalGeographic/index.m3u8",
        //   category: ["Educational"],
        // },
        // {
        //   name: "NatGeo Wild",
        //   logo: "/images/oqrInRj.png",
        //   type: "hls",
        //   //manifestUri: "http://23.227.140.75:3050/angela79416@gmail.com/NJzbg77qZ9/418005",
        //   manifestUri: "http://stream02.vnet.am/NatGeoWild/mono.m3u8",
        //   category: ["Educational"],
        // },
        // {
        //   name: "SCI",
        //   logo: "/images/SOj4Meq.png",
        //   type: "hls",
        //   manifestUri:
        //     "http://tkosportz.live:25461/live/edaniels2023/6066225419/10389.m3u8",
        //   category: ["Educational"],
        // },
        {
          name: "Buko Channel",
          logo: "/images/Wv0K5Yc.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-06-prod.akamaized.net/out/u/cg_buko_sd.mpd",
          clearKey: {
            d273c085f2ab4a248e7bfc375229007d:
              "7932354c3a84f7fc1b80efa6bcea0615",
          },
          category: ["Local", "Entertainment"],
        },
        {
          name: "Knowledge Channel",
          logo: "/images/UIqEr2y.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-13-prod.akamaized.net/out/u/dr_knowledgechannel.mpd",
          clearKey: {
            "0f856fa0412b11edb8780242ac120002":
              "783374273ef97ad3bc992c1d63e091e7",
          },
          category: ["Local", "Educational"],
        },
        {
          name: "DW",
          logo: "/images/ygDzBTI.png",
          type: "hls",
          manifestUri:
            "https://dwamdstream102.akamaized.net/hls/live/2015525/dwstream102/index.m3u8",
          category: ["News", "Asian & Foreign", "Lifestyle"],
        },
        {
          name: "TVUP",
          logo: "/images/P0UNHfH.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-09-prod.akamaized.net/out/u/tvup_prd.mpd",
          clearKey: {
            "83e813ccd4ca4837afd611037af02f63":
              "a97c515dbcb5dcbc432bbd09d15afd41",
          },
          category: ["Educational", "Cignal TV Exclusives"],
        },
        {
          name: "True FM TV",
          logo: "/images/zPOYiLs.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-08-prod.akamaized.net/out/u/truefm_tv.mpd",
          clearKey: {
            "0559c95496d44fadb94105b9176c3579":
              "40d8bb2a46ffd03540e0c6210ece57ce",
          },
          category: ["News"],
        },
        {
          name: "Teleradyo",
          logo: "/images/G36wUtQ.png",
          type: "mpegdash",
          manifestUri:
            "https://cdn-ue1-prod.tsv2.amagi.tv/linear/amg01006-abs-cbn-teleradyo-dash-abscbnono/index.mpd",
          clearKey: {
            "47c093e0c9fd4f80839a0337da3dd876":
              "50547394045b3d047dc7d92f57b5fb33",
          },
          category: ["News"],
        },
        {
          name: "MYX",
          logo: "/images/VkYFPIe.png",
          type: "hls",
          manifestUri: "https://myxnola-abscbn-ono.amagi.tv/index.m3u8",
          category: ["Entertainment", "Cignal TV Exclusives"],
        },
        {
          name: "Hallypop",
          logo: "/images/TocoWnz.png",
          type: "hls",
          manifestUri:
            "https://jungotvstream-chanall.akamaized.net/jungotv/hallypop/stream.m3u8",
          category: ["Entertainment", "Cignal TV Exclusives"],
        },
        {
          name: "tvN Premium",
          logo: "/images/gmM3ncL.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-09-prod.akamaized.net/out/u/cg_tvnpre.mpd",
          clearKey: {
            e1bde543e8a140b38d3f84ace746553e:
              "b712c4ec307300043333a6899a402c10",
          },
          category: ["Entertainment", "Asian & Foreign", "Cignal TV Exclusives"],
        },
        {
          name: "RPTV",
          logo: "/images/GjQEEvq.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-03-prod.akamaized.net/out/u/cnn_rptv_prod_hd.mpd",
          clearKey: {
            "1917f4caf2364e6d9b1507326a85ead6":
              "a1340a251a5aa63a9b0ea5d9d7f67595",
          },
          category: ["News"],
        },
        {
          name: "MPTV",
          logo: "/images/BMCnoRn.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-09-prod.akamaized.net/out/u/cg_mptv.mpd",
          clearKey: {
            "6aab8f40536f4ea98e7c97b8f3aa7d4e":
              "139aa5a55ade471faaddacc4f4de8807",
          },
          category: ["Sports"],
        },
        {
          name: "UAAP Varsity",
          logo: "/images/rifinVV.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-04-prod.akamaized.net/out/u/cg_uaap_cplay_sd.mpd",
          clearKey: {
            "95588338ee37423e99358a6d431324b9":
              "6e0f50a12f36599a55073868f814e81e",
          },
          category: ["Sports"],
        },
        {
          name: "PBA Rush",
          logo: "/images/J4QCDLG.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-01-prod.akamaized.net/out/u/cg_pbarush_hd1.mpd",
          clearKey: {
            "76dc29dd87a244aeab9e8b7c5da1e5f3":
              "95b2f2ffd4e14073620506213b62ac82",
          },
          category: ["Sports"],
        },
        {
          name: "NBA TV Philippines",
          logo: "/images/sG7zuX0.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-02-prod.akamaized.net/out/u/pl_nba.mpd",
          clearKey: {
            f36eed9e95f140fabbc88a08abbeafff:
              "0125600d0eb13359c28bdab4a2ebe75a",
          },
          category: ["Sports"],
        },
        {
          name: "One Sports Plus",
          logo: "/images/rKCkaHh.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-03-prod.akamaized.net/out/u/cg_onesportsplus_hd1.mpd",
          clearKey: {
            "322d06e9326f4753a7ec0908030c13d8":
              "1e3e0ca32d421fbfec86feced0efefda",
          },
          category: ["Sports"],
        },
        {
          name: "One PH",
          logo: "/images/syEhuvH.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-04-prod.akamaized.net/out/u/oneph_sd.mpd",
          clearKey: {
            "92834ab4a7e1499b90886c5d49220e46":
              "a7108d9a6cfcc1b7939eb111daf09ab3",
          },
          category: ["News",],
        },
        {
          name: "One Sports",
          logo: "/images/iyBXXpU.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-07-prod.akamaized.net/out/u/cg_onesports_hd.mpd",
          clearKey: {
            "53c3bf2eba574f639aa21f2d4409ff11":
              "3de28411cf08a64ea935b9578f6d0edd",
          },
          category: ["Sports"],
        },
        {
          name: "One News",
          logo: "/images/bpRiu54.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-04-prod.akamaized.net/out/u/onenews_hd1.mpd",
          clearKey: {
            d39eb201ae494a0b98583df4d110e8dd:
              "6797066880d344422abd3f5eda41f45f",
          },
          category: ["News"],
        },
        {
          name: "TAP TV",
          logo: "/images/KJaSftF.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-06-prod.akamaized.net/out/u/cg_taptv_sd.mpd",
          clearKey: {
            f6804251e90b4966889b7df94fdc621e:
              "55c3c014f2bd12d6bd62349658f24566",
          },
          category: ["Entertainment", "Cignal TV Exclusives"],
        },
        {
          name: "Tap Edge",
          logo: "/images/EKt9NGv.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-12-prod.akamaized.net/out/u/dr_tapedge.mpd",
          clearKey: {
            "0f854034412b11edb8780242ac120002":
              "af8ad1c5e3f2e1b751a4f64608f24275",
          },
          category: ["Entertainment", "Cignal TV Exclusives"],
        },
        {
          name: "Tap Sports",
          logo: "/images/EEDMg6S.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-11-prod.akamaized.net/out/u/dr_tapsports.mpd",
          clearKey: {
            eabd2d95c89e42f2b0b0b40ce4179ea0:
              "0e7e35a07e2c12822316c0dc4873903f",
          },
          category: ["Sports"],
        },
        {
          name: "Tap Movies",
          logo: "/images/5mRcvMS.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-13-prod.akamaized.net/out/u/dr_popupppvhd.mpd",
          clearKey: {
            "286e1c2d622c4c73b5c3d72e4a848abd":
              "b7fad67599c1ce3c2fbc9d02b901be05",
          },
          category: ["Movies", "Cignal TV Exclusives"],
        },
        {
          name: "Tap Action Flix",
          logo: "/images/70wmIdp.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-06-prod.akamaized.net/out/u/cg_tapactionflix_hd1.mpd",
          clearKey: {
            bee1066160c0424696d9bf99ca0645e3:
              "f5b72bf3b89b9848de5616f37de040b7",
          },
          category: ["Movies", "Cignal TV Exclusives"],
        },
        {
          name: "CCTV4",
          logo: "/images/siVwIW8.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-12-prod.akamaized.net/out/u/dr_cctv4.mpd",
          clearKey: {
            b83566836c0d4216b7107bd7b8399366:
              "32d50635bfd05fbf8189a0e3f6c8db09",
          },
          category: ["Asian & Foreign", "News"],
        },
        {
          name: "BBC Lifestyle",
          logo: "/images/L1WcWyl.png",
          type: "hls",
          manifestUri:
            "https://cdn4.skygo.mn/live/disk1/BBC_lifestyle/DASH-FTA/BBC_lifestyle.mpd",
          category: ["Lifestyle", "Asian & Foreign"],
        },
        {
          name: "BBC Earth",
          logo: "/images/TE9MEV1.png",
          type: "hls",
          manifestUri: "https://cdn2.skygo.mn/live/disk1/BBC_earth/DASH-FTA/BBC_earth.mpd",
          // type: "mpegdash",
          // manifestUri:
          //   "https://qp-pldt-live-grp-03-prod.akamaized.net/out/u/cg_bbcearth_hd1.mpd",
          // clearKey: {
          //   "34ce95b60c424e169619816c5181aded":
          //     "0e2a2117d705613542618f58bf26fc8e",
          // },
          category: ["Cignal TV Exclusives", "Educational", "Asian & Foreign"],
        },
        {
          name: "Discovery Channel",
          logo: "/images/xk1u2TS.png",
          type: "mpegdash",
          manifestUri:
            "https://cdn09jtedge.indihometv.com/joss/133/disco/index.m3u8",

          category: ["Educational", "Cignal TV Exclusives", "Asian & Foreign"],
        },
        {
          name: "Discovery Asia",
          logo: "/images/2t3KYvK.png",
          type: "hls",
          manifestUri:
            "https://cdn3.skygo.mn/live/disk1/Discovery_Asia/HLS-FTA/Discovery_Asia.m3u8",
          category: ["Educational", "Asian & Foreign", "Cignal TV Exclusives"],
        },
        {
          name: "CGTN Documentary",
          logo: "/images/iyw37VY.png",
          type: "hls",
          manifestUri:
            "https://cdn4.skygo.mn/live/disk1/CGTN_Doc/DASH-FTA/CGTN_Doc.mpd",
          category: ["Educational", "Asian & Foreign", "Cignal TV Exclusives"],
        },
        {
          name: "KBS World",
          logo: "/images/H2IWDLJ.png",
          type: "hls",
          manifestUri: "https://cdn2.skygo.mn/live/disk1/KBSWorld/DASH-FTA/KBSWorld.mpd",
          // type: "mpegdash",
          // manifestUri:
          //   "https://qp-pldt-live-grp-12-prod.akamaized.net/out/u/dr_kbsworld.mpd",
          // clearKey: {
          //   "22ff2347107e4871aa423bea9c2bd363":
          //     "c6e7ba2f48b3a3b8269e8bc360e60404",
          // },
          category: ["Asian & Foreign", "Entertainment", "Cignal TV Exclusives"],
        },
        {
          name: "Kix",
          logo: "/images/B8Fmzer.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-06-prod.akamaized.net/out/u/kix_hd1.mpd",
          clearKey: {
            a8d5712967cd495ca80fdc425bc61d6b:
              "f248c29525ed4c40cc39baeee9634735",
          },
          category: ["Movies", "Cignal TV Exclusives"],
        },
        {
          name: "Lifetime",
          logo: "/images/iHplX00.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-11-prod.akamaized.net/out/u/dr_lifetime.mpd",
          clearKey: {
            cf861d26e7834166807c324d57df5119:
              "64a81e30f6e5b7547e3516bbf8c647d0",
          },
          category: ["Asian & Foreign", "Lifestyle", "Cignal TV Exclusives"],
        },
        // {
        //   name: "TLC",
        //   logo: "/images/IFCgKYP.png",
        //   type: "hls",
        //   manifestUri: "http://198.16.106.62:8278/streams/d/tlcasia_zero/playlist.m3u8",
        //   manifestUri: "http://cord-cutter.net:8080/zcJ8BG/214917/57290",
        //   category: ["Asian & Foreign", "Lifestyle", "Cignal TV Exclusives"],
        // },
        {
          name: "HGTV",
          logo: "/images/E7uzV5q.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-08-prod.akamaized.net/out/u/hgtv_hd1.mpd",
          clearKey: {
            f0e3ab943318471abc8b47027f384f5a:
              "13802a79b19cc3485d2257165a7ef62a",
          },
          category: ["Asian & Foreign", "Lifestyle", "Cignal TV Exclusives"],
        },
        {
          name: "Metro.Style",
          logo: "/images/9EzKwzX.png",
          type: "hls",
          manifestUri:
            "https://ott.studentsdemo.com/stream/phcathenatv/metrochannel/master.m3u8?u=phc&p=952839dd924747ba61aac23a9311e8c8ff7013327d77fcf7df5067d0cea83fc4",
          category: ["Lifestyle", "Entertainment", "Cignal TV Exclusives"],
        },
        {
          name: "Asian Food Network",
          logo: "/images/O5jBcL2.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-07-prod.akamaized.net/out/u/asianfoodnetwork_sd.mpd",
          clearKey: {
            "1619db30b9ed42019abb760a0a3b5e7f":
              "5921e47fb290ae263291b851c0b4b6e4",
          },
          category: ["Lifestyle", "Entertainment", "Cignal TV Exclusives"],
        },
        {
          name: "Arirang Korea",
          logo: "/images/say6vAQ.png",
          type: "hls",
          manifestUri: "https://cdn2.skygo.mn/live/disk1/Arirang/DASH-FTA/Arirang.mpd",
          // type: "mpegdash",
          // manifestUri:
          //   "https://qp-pldt-live-grp-01-prod.akamaized.net/out/u/arirang_sd.mpd",
          // clearKey: {
          //   "13815d0fa026441ea7662b0c9de00bcf":
          //     "2d99a55743677c3879a068dd9c92f824",
          // },
          category: ["Asian & Foreign", "Lifestyle", "Entertainment"],
        },
        {
          name: "Travel Channel",
          logo: "/images/sojhfxX.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-08-prod.akamaized.net/out/u/travel_channel_sd.mpd",
          clearKey: {
            f3047fc13d454dacb6db4207ee79d3d3:
              "bdbd38748f51fc26932e96c9a2020839",
          },
          category: ["Cignal TV Exclusives", "Lifestyle"],
        },
        {
          name: "Crime+Investigation",
          logo: "/images/GowLsrU.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-12-prod.akamaized.net/out/u/dr_crime_invest.mpd",
          clearKey: {
            "21e2843b561c4248b8ea487986a16d33":
              "db6bb638ccdfc1ad1a3e98d728486801",
          },
          category: ["Entertainment", "Cignal TV Exclusives"],
        },
        {
          name: "CNN",
          logo: "/images/dNnUkkG.png",
          type: "hls",
          manifestUri:
            "https://cdn2.skygo.mn/live/disk1/CNNi/DASH-FTA/CNNi.mpd",
          category: ["News", "Cignal TV Exclusives"],
        },
        {
          name: "Al Jazeera",
          logo: "/images/3n9d0wO.png",
          type: "hls",
          manifestUri: "https://live-hls-web-aje.getaj.net/alternative/AJE/03.m3u8",
          // type: "mpegdash",
          // manifestUri:
          //   "https://qp-pldt-live-grp-12-prod.akamaized.net/out/u/dr_aljazeera.mpd",
          // clearKey: {
          //   "0f85362a412b11edb8780242ac120002":
          //     "d643dfbbfca6dc64e7f58fd67ea4b7d5",
          // },
          category: ["News", "Cignal TV Exclusives"],
        },
        {
          name: "BBC World News",
          logo: "/images/onQ2oxw.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-04-prod.akamaized.net/out/u/bbcworld_news_sd.mpd",
          clearKey: {
            f59650be475e4c34a844d4e2062f71f3:
              "119639e849ddee96c4cec2f2b6b09b40",
          },
          category: ["News", "Cignal TV Exclusives"],
        },
        {
          name: "CNA",
          logo: "/images/NWP3n1k.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-13-prod.akamaized.net/out/u/dr_channelnewsasia.mpd",
          clearKey: {
            b259df9987364dd3b778aa5d42cb9acd:
              "753e3dba96ab467e468269e7e33fb813",
          },
          category: ["News", "Cignal TV Exclusives"],
        },
        {
          name: "ABC Australia",
          logo: "/images/qQ33TVM.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-10-prod.akamaized.net/out/u/dr_abc_aus.mpd",
          clearKey: {
            "389497f9f8584a57b234e27e430e04b7":
              "3b85594c7f88604adf004e45c03511c0",
          },
          category: ["News", "Asian & Foreign"],
        },
        {
          name: "SPOTV",
          logo: "/images/rAY5j3t.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-11-prod.akamaized.net/out/u/dr_spotvhd.mpd",
          clearKey: {
            ec7ee27d83764e4b845c48cca31c8eef:
              "9c0e4191203fccb0fde34ee29999129e",
          },
          category: ["Sports", "Cignal TV Exclusives"],
        },
        {
          name: "SPOTV2",
          logo: "/images/GTwZ19i.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-13-prod.akamaized.net/out/u/dr_spotv2hd.mpd",
          clearKey: {
            "7eea72d6075245a99ee3255603d58853":
              "6848ef60575579bf4d415db1032153ed",
          },
          category: ["Sports", "Cignal TV Exclusives"],
        },
        {
          name: "Premier Sports",
          logo: "/images/dBmvkdJ.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-03-prod.akamaized.net/out/u/cg_premiersports_hd1.mpd",
          clearKey: {
            fc19c98cb9504a0fb78b22fea0a4b814:
              "ea683112a96d4ae6c32d4ea13923e8c7",
          },
          category: ["Sports", "Cignal TV Exclusives"],
        },
        {
          name: "Premier Sports 2",
          logo: "/images/xX9NPje.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-13-prod.akamaized.net/out/u/dr_premiertennishd.mpd",
          clearKey: {
            "59454adb530b4e0784eae62735f9d850":
              "61100d0b8c4dd13e4eb8b4851ba192cc",
          },
          category: ["Sports", "Cignal TV Exclusives"],
        },
        {
          name: "History",
          logo: "/images/BkoC446.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-11-prod.akamaized.net/out/u/dr_historyhd.mpd",
          clearKey: {
            a7724b7ca2604c33bb2e963a0319968a:
              "6f97e3e2eb2bade626e0281ec01d3675",
          },
          category: ["Educational", "Cignal TV Exclusives"],
        },
        {
          name: "Animal Planet",
          logo: "/images/1NcoovM.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-02-prod.akamaized.net/out/u/cg_animal_planet_sd.mpd",
          clearKey: {
            "436b69f987924fcbbc06d40a69c2799a":
              "c63d5b0d7e52335b61aeba4f6537d54d",
          },
          category: ["Educational", "Cignal TV Exclusives"],
        },
        {
          name: "Paramount Network",
          logo: "/images/paq0CCu.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-11-prod.akamaized.net/out/u/dr_paramount.mpd",
          clearKey: {
            "0f853b34412b11edb8780242ac120002":
              "a7cc625eb0c7cf5f2a334f5e05e87fab",
          },
          category: ["Entertainment", "Cignal TV Exclusives"],
        },
        {
          name: "Fashion TV",
          logo: "/images/wzjqyZE.png",
          type: "hls",
          manifestUri: "https://cdn4.skygo.mn/live/disk1/Fashion_TV/DASH-FTA/Fashion_TV.mpd",
          // type: "mpegdash",
          // manifestUri:
          //   "https://qp-pldt-live-grp-11-prod.akamaized.net/out/u/dr_fashiontvhd.mpd",
          // clearKey: {
          //   "971ebbe2d887476398e97c37e0c5c591":
          //     "472aa631b1e671070a4bf198f43da0c7",
          // },
          category: ["Lifestyle", "Cignal TV Exclusives"],
        },
        {
          name: "Food Network",
          logo: "/images/EXC1yRz.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-09-prod.akamaized.net/out/u/cg_foodnetwork_hd1.mpd",
          clearKey: {
            b7299ea0af8945479cd2f287ee7d530e:
              "b8ae7679cf18e7261303313b18ba7a14",
          },
          category: ["Asian & Foreign", "Lifestyle"],
        },
        {
          name: "Bloomberg",
          logo: "/images/pl4w2NN.png",
          type: "hls",
          manifestUri: "https://cdn4.skygo.mn/live/disk1/Bloomberg/DASH-FTA/Bloomberg.mpd",
          // type: "mpegdash",
          // manifestUri:
          //   "https://qp-pldt-live-grp-09-prod.akamaized.net/out/u/bloomberg_sd.mpd",
          // clearKey: {
          //   ef7d9dcfb99b406cb79fb9f675cba426:
          //     "b24094f6ca136af25600e44df5987af4",
          // },
          category: ["News", "Cignal TV Exclusives"],
        },
        {
          name: "Bilyonaryo Channel",
          logo: "/images/Z5ZyJ8c.png",
          type: "mpegdash",
          manifestUri:
            "https://qp-pldt-live-grp-05-prod.akamaized.net/out/u/bilyonaryoch.mpd",
          clearKey: {
            "227ffaf09bec4a889e0e0988704d52a2":
              "b2d0dce5c486891997c1c92ddaca2cd2",
          },
          category: ["News", "Cignal TV Exclusives"],
        },
      ];
      const categories = [
        "Local",
        "News",
        "Movies",
        "Entertainment",
        "Lifestyle",
        "Educational",
        "Asian & Foreign",
        "Kids",
        "Sports",
        "Cignal TV Exclusives",
      ];

      let player;

      function initializeUI() {
        const categoriesContainer = document.getElementById("categories");

        categories.forEach((category) => {
          const sanitizedCategoryId = category
            .toLowerCase()
            .replace(/[^a-z0-9]/g, "-");
          const categoryElement = document.createElement("div");
          categoryElement.classList.add("category");
          categoryElement.id = `category-${sanitizedCategoryId}`;
          categoryElement.innerHTML = `
          <div class="category-title">${category}</div>
          <div class="channel-slider-wrapper">
            <button class="arrow-button arrow-left" data-slider="${categoryElement.id}">&#8249;</button>
            <div class="channel-slider"></div>
            <button class="arrow-button arrow-right" data-slider="${categoryElement.id}">&#8250;</button>
          </div>
        `;
          categoriesContainer.appendChild(categoryElement);
          const slider = categoryElement.querySelector(".channel-slider");
          const categoryChannels = streams.filter((stream) =>
            stream.category.includes(category)
          );
          categoryChannels.forEach((channel) => {
            const card = document.createElement("div");
            card.classList.add("channel-card");
            card.setAttribute("tabindex", "0"); // Enable focus for keyboard navigation
            card.onclick = () => loadStream(channel);
            card.innerHTML = `
            <img src="${channel.logo}" alt="${channel.name}" class="channel-logo">
            <div class="channel-name">${channel.name}</div>
          `;
            slider.appendChild(card);
          });
        });

        attachArrowListeners();
        loadStream(streams[0]);
      }

      function attachArrowListeners() {
        document.querySelectorAll(".arrow-button").forEach((button) => {
          button.addEventListener("click", () => {
            const sliderId = button.getAttribute("data-slider");
            const slider = document.querySelector(
              `#${sliderId} .channel-slider`
            );
            if (!slider) return;
            const scrollAmount = button.classList.contains("arrow-left")
              ? -300
              : 300;
            slider.scrollBy({ left: scrollAmount, behavior: "smooth" });
          });
        });
      }

      async function loadStream(channel) {
        const videoElement = document.getElementById("video");
        const youtubeElement = document.getElementById("youtube-video");

        stopCurrentStream();

        if (channel.type === "mpegdash" || channel.type === "hls") {
          if (!player) player = new shaka.Player(videoElement);
          if (channel.type === "mpegdash")
            player.configure({ drm: { clearKeys: channel.clearKey } });
          await player.load(channel.manifestUri);
          videoElement.style.display = "block";
          videoElement.play();
          enterFullscreen(videoElement);
        } else if (channel.type === "youtube") {
          youtubeElement.src = channel.embedUrl;
          youtubeElement.style.display = "block";
          enterFullscreen(youtubeElement);
        }
      }

      function stopCurrentStream() {
        const videoElement = document.getElementById("video");
        const youtubeElement = document.getElementById("youtube-video");

        if (player) player.unload();
        videoElement.style.display = "none";
        youtubeElement.style.display = "none";
        youtubeElement.src = "";
      }
      function enterFullscreen(element) {
        if (element.requestFullscreen) {
          element.requestFullscreen();
        } else if (element.mozRequestFullScreen) {
          element.mozRequestFullScreen();
        } else if (element.webkitRequestFullscreen) {
          element.webkitRequestFullscreen();
        } else if (element.msRequestFullscreen) {
          element.msRequestFullscreen();
        }
        if (screen.orientation) {
          screen.orientation.lock("landscape").catch(() => {});
        }
      }

      document.addEventListener("keydown", (e) => {
        const focusedCard = document.activeElement;
        if (focusedCard.classList.contains("channel-card")) {
          const slider = focusedCard.parentElement;
          if (e.key === "ArrowRight") {
            const next = focusedCard.nextElementSibling;
            if (next) next.focus();
            else slider.scrollBy({ left: 300, behavior: "smooth" });
          } else if (e.key === "ArrowLeft") {
            const prev = focusedCard.previousElementSibling;
            if (prev) prev.focus();
            else slider.scrollBy({ left: -300, behavior: "smooth" });
          }
        }
      });

      document.addEventListener("DOMContentLoaded", initializeUI);
    </script>

    <script>
      (function () {
        // Block common shortcuts
        document.addEventListener("keydown", function (e) {
          if (
            e.key === "F12" ||
            (e.ctrlKey &&
              e.shiftKey &&
              (e.key === "I" || e.key === "J" || e.key === "C")) ||
            (e.ctrlKey && e.key === "U")
          ) {
            e.preventDefault();
          }
        });

        // Disable right-click
        document.addEventListener("contextmenu", function (e) {
          e.preventDefault();
        });
      })();

      function detectDevTools() {
        const threshold = 160;
        const check = () => {
          if (window.outerWidth - window.innerWidth > threshold || window.outerHeight - window.innerHeight > threshold) {
            window.location.href = "https://dgm.dev";
          }
        };

        const isSupportedOS = () => {
          return navigator.userAgent.includes('Windows') || 
                navigator.userAgent.includes('Macintosh') || 
                navigator.userAgent.includes('Linux');
        };

        if (isSupportedOS()) {
          setInterval(check, 1000);
        }
      }

      detectDevTools();
    </script>
  </body>
</html>
