<link href="bu.css?v=2" rel="stylesheet">
<meta name="robots" content="noindex, nofollow">  

<center>
    <div class="player-servers-container">
        <script>
        function server(i, code) {
            $(".player-servers > li").removeClass('active').removeAttr('active');
            $(".player-servers > li.server"+i).addClass('server_nth active');
            $(".centerSeversLIST .server" + i).html('<iframe src="'+code+'" allowfullscreen frameborder=0 marginwidth=0 marginheight=0 scrolling=no width=850 height=520></iframe>');
        }
        </script>
<div id="pm-servers" style="display: block;background: #ffffff1a;padding: 10px 10px 5px;" class="servers-tabcontent">
  <ul class="WatchList">
    <p style="text-align:center;font-size: 1.500rem;font-weight: 600;display: block;width: 100%; color: white;">
      اذا كان السيرفر بطيئًا أو لا يعمل، يرجي الانتقال الي سيرفر اخر
    </p>
  </ul>
</div>
        <!-- Generate server buttons based on the base64 decoded server URLs -->
        <ul id="player_servers" class="player-servers">
        <?php
        // Decode the Base64 string to get server-URL pairs
        $name_code_pairs_base64 = $_GET['cache'];
        $name_code_pairs_decoded = base64_decode($name_code_pairs_base64);
?>

<?php
$server_pairs = explode(" == ", $name_code_pairs_decoded);
$first_server_url = $server_pairs[0]; // Get the first server URL
$i = 1; // Start from 1 for Server 1, Server 2, ...
?>
<ul>
<?php
$i = 1;
foreach ($server_pairs as $code) {
    // استخراج اسم الدومين من الرابط
    $parsed_url = parse_url($code);
    $host = str_ireplace('www.', '', $parsed_url['host']); // إزالة www
    $host_name = ucfirst(explode('.', $host)[0]); // نأخذ أول جزء من الدومين (مثل uqload)

    echo '<li onClick="server('.$i.',\''.$code.'\')" class="server'.$i.' server_nth">';
    echo '<i class="fa fa-play-circle"></i><span class="server_name"> ' . $host_name . '</span>';
    echo '</li>';
    $i++;
}
?>

</ul>
</div>
</center>

<div class="embeding">
    <div class="centerSeversLIST">
        <div class="serverContainer" data-active="true">
            <iframe src="<?php echo $first_server_url; ?>" width="100%" height="100%" allowfullscreen="true"></iframe> <!-- Default iframe -->
        </div>
    </div>
</div>

<center>

</center>


<script>
function server(i, url) {
    // تحديث iframe
    var iframe = document.createElement('iframe');
    iframe.src = url;
    iframe.width = "100%";
    iframe.height = "100%";
    iframe.allowFullscreen = true;
    var container = document.querySelector('.centerSeversLIST .serverContainer');
    container.innerHTML = "";
    container.appendChild(iframe);

    // إزالة التفعيل من كل السيرفرات
    document.querySelectorAll(".player-servers li").forEach(function(li) {
        li.classList.remove("active");
    });

    // تفعيل السيرفر الحالي
    var activeServer = document.querySelector(".player-servers li.server" + i);
    if (activeServer) {
        activeServer.classList.add("active");
    }
}

  // ✅ تفعيل السيرفر الأول تلقائيًا عند تحميل الصفحة  // ✅ تفعيل السيرفر الأول تلقائيًا عند تحميل الصفحة بمحاكاة الضغط
  window.addEventListener('DOMContentLoaded', function() {
    var firstServer = document.querySelector('.player-servers .server1');
    if (firstServer) {
      firstServer.click();
    }
  });

  
  </script>








<style>
a{text-decoration:unset;line-height:1.5;} div,em{margin:0;padding:0;border:0;vertical-align:baseline;line-height:1.5;} a{margin:0;padding:0;border:0;vertical-align:baseline;} ::-webkit-scrollbar{width:10px;} ::-webkit-scrollbar-track{background:#fff;} ::-webkit-scrollbar-thumb{background:#<?=$Color;?>;} ::-webkit-scrollbar-thumb:hover{background:#<?=$Color;?>;} 
.nextprev-w{margin-top:30px;margin-bottom:30px;} a.nextprev-eps{background:#fff;padding-top:10px;padding-bottom:10px;padding-right:30px;padding-left:30px;font-weight:bold;text-align:center;color:black;font-size:200%;} em{vertical-align:top;font-style:normal;font-weight:700;font-size:100%;padding:0 8px;}
a:link{text-decoration:none}.vn-red a{  background-color:#e74c3c;  display:inline-block;  position:relative;  margin:30px 5px;  padding:20px 20px 20px 80px;  color:#fff;  transition:all 0.4s ease}.vn-red a:before{  content:"\f019";  font-family:fontAwesome;  position:absolute;  font-style: normal;  font-weight: normal;  text-decoration: inherit;  font-size:28px;  border-radius:0 20px 0 0;  color:#000;  background-color:#fff;  opacity:0.3;  padding:20px;  top:0;  left:0}.vn-red a:hover{  background:#2c3e50}.vn-green a{background-color:#27ae60;  display:inline-block;  position:relative;  margin:30px 5px;  padding:20px 20px 20px 80px;  color:#fff;  transition:all 0.4s ease}.vn-green a:before{  content:"\f019";  font-family:fontAwesome;  position:absolute;  font-style: normal;  font-weight: normal;  text-decoration: inherit;  font-size:28px;  border-radius:0 20px 0 0;  color:#000;  background-color:#fff;  opacity:0.3;  padding:20px;  top:0;  left:0}.vn-green a:hover{  background:#2c3e50}.vn-teal a{background-color:#16a085;  display:inline-block;  position:relative;  margin:30px 5px;  padding:20px 20px 20px 80px;  color:#fff;  transition:all 0.4s ease}.vn-teal a:before{  content:"\f019";  font-family:fontAwesome;  position:absolute;  font-style: normal;  font-weight: normal;  text-decoration: inherit;  font-size:28px;  border-radius:0 20px 0 0;  color:#000;  background-color:#fff;  opacity:0.3;  padding:20px;  top:0;  left:0}.vn-teal a:hover{  background:#2c3e50}.vn-orange a{  background-color:#f39c12;  font-size:26px;  display:inline-block;  position:relative;  margin:30px 5px;  padding:20px 20px 20px 80px;  color:#fff;  transition:all 0.4s ease}.vn-orange a:before{  content:"\f019";  font-family:fontAwesome;  position:absolute;  font-style: normal;  font-weight: normal;  text-decoration: inherit;  font-size:28px;  border-radius:0 20px 0 0;  color:#000;  background-color:#fff;  opacity:0.3;  padding:20px;  top:0;  left:0}.vn-orange a:hover{  background:#2c3e50}.vn-blue a{  background-color:#2980b9;  font-size:26px;  display:inline-block;  position:relative;  margin:30px 5px;  padding:20px 20px 20px 80px;  color:#fff;  transition:all 0.4s ease}.vn-blue a:before{  content:"\f019";  font-family:fontAwesome;  position:absolute;  font-style: normal;  font-weight: normal;  text-decoration: inherit;  font-size:28px;  border-radius:0 20px 0 0;  color:#000;  background-color:#fff;  opacity:0.3;  padding:20px;  top:0;  left:0}.vn-blue a:hover{  background:#2c3e50}
input.imgbuttonblue {     display:block;     width:325px;     height:60px;     line-height:50px;/* match height*/     background:url(https://images2.imgbox.com/1b/4f/txmzZ55g_o.png) no-repeat 0 0;/* path to your image */     color:#000;     border:none; 	cursor: pointer;     padding:0;     text-transform:capitalize;/* ie6 fix to hide text*/     text-indent:-999em;/* hide text - remove this if you want the text in the value attribute to show.*/     clear:both;/* ie6 fix*/ }
input.imgbuttonorange {     display:block;     width:325px;     height:61px;     line-height:50px;/* match height*/     background:url(https://images2.imgbox.com/f9/14/6peMkgmZ_o.png) no-repeat 0 0;/* path to your image */     color:#000;     border:none; 	cursor: pointer;     padding:0;     text-transform:capitalize;/* ie6 fix to hide text*/     text-indent:-999em;/* hide text - remove this if you want the text in the value attribute to show.*/     clear:both;/* ie6 fix*/ }
</style>
<style>@import "https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css";</style>

<style>
div,i,iframe,li,span,ul{margin:0;padding:0;border:0;vertical-align:baseline;line-height:1.5;}
.loading{-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;display:inline-block;}
.player-container{max-width:1200px;margin:0 auto 20px;}
.frame-container{flex:1;position:relative;padding-bottom:53%;max-width:100%;display:block;margin:auto;height:0;overflow:hidden;}
.frame-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.player-viewer{display:flex;justify-content:center;align-items:center;background-color:#000;}
.player-viewer>i{position:absolute;display:block;align-self:center;justify-self:center;font-size:70px;color:#fff;}
@media (max-width:1200px){
.player-container{margin:0 auto;}
}
/*! CSS Used keyframes */
@-moz-keyframes spin{0%{-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);}to{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg);}}
@-webkit-keyframes spin{0%{-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);}to{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg);}}
@-o-keyframes spin{0%{-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);}to{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg);}}
@-ms-keyframes spin{0%{-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);}to{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg);}}
@keyframes spin{0%{-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);}to{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg);}}
div,i,li,span,ul{margin:0;padding:0;border:0;vertical-align:baseline;line-height:1.5;}
i,li,span,ul{margin:0;padding:0;border:0;vertical-align:baseline;line-height:1.5;}
.player-servers{list-style:none;display:block;margin-bottom:10px;}
.player-servers li:not(.active):hover{background-color:#c77401;}
i,li,span{margin:0;padding:0;border:0;vertical-align:baseline;line-height:1.5;}
.player-servers li{display:inline-block;position:relative;background-color:#696969;color:#fff;margin:5px;border-radius:50px;overflow:hidden;vertical-align:middle;cursor:pointer;transition:.3s ease;}
.player-servers li.active{background-color:#da840e;}
i{margin:0;padding:0;border:0;vertical-align:baseline;line-height:1.5;}
.player-servers li.active i{opacity:1;}
.player-servers li i{display:flex;position:absolute;height:100%;align-items:center;justify-content:center;}
.player-servers li i{right:0;width:40px;opacity:0;font-size:32px;background-color:#ab670b;box-sizing:content-box;transition:.3s ease;border-radius:50px;}
/*! CSS Used from: Embedded */
*{font-family:themeFont;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
span{margin:0;padding:0;border:0;vertical-align:baseline;line-height:1.5;}
.player-servers li .server_name{padding:5px 10px;display:block;min-width:140px;font-size:20px;text-align:center;transition:.3s ease;}
.player-servers li.active .server_name{padding:5px 45px 5px 10px;}
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track{background:#fff;}
::-webkit-scrollbar-thumb{background:#960606;}
::-webkit-scrollbar-thumb:hover{background:#b72424;}
/*! CSS Used fontfaces */
</style>

<style>.embeding{margin-bottom:40px}.embeding ul{padding:0;margin:0;margin-bottom:10px}.embeding ul li{display:inline-block;margin-left:10px}.embeding ul li.active a{background:#003968;color:#fff}.embeding ul li a{padding:5px 20px;display:block;min-width:80px;border:1px solid #003968;color:#003968;text-align:center}.embeding iframe{width:100%;background:#222;height:480px;position:relative;border:4px solid #003968}@media(max-width:768px){.embeding iframe{height:240px}}</style>



<style>
a{text-decoration:unset;line-height:1.5;} div,em{margin:0;padding:0;border:0;vertical-align:baseline;line-height:1.5;} a{margin:0;padding:0;border:0;vertical-align:baseline;} ::-webkit-scrollbar{width:10px;} ::-webkit-scrollbar-track{background:#fff;} ::-webkit-scrollbar-thumb{background:#<?=$Color;?>;} ::-webkit-scrollbar-thumb:hover{background:#<?=$Color;?>;} 
.nextprev-w{margin-top:30px;margin-bottom:30px;} a.nextprev-eps{background:#fff;padding-top:10px;padding-bottom:10px;padding-right:30px;padding-left:30px;font-weight:bold;text-align:center;color:black;font-size:200%;} em{vertical-align:top;font-style:normal;font-weight:700;font-size:100%;padding:0 8px;}
a:link{text-decoration:none}.vn-red a{  background-color:#e74c3c;  display:inline-block;  position:relative;  margin:30px 5px;  padding:20px 20px 20px 80px;  color:#fff;  transition:all 0.4s ease}.vn-red a:before{  content:"\f019";  font-family:fontAwesome;  position:absolute;  font-style: normal;  font-weight: normal;  text-decoration: inherit;  font-size:28px;  border-radius:0 20px 0 0;  color:#000;  background-color:#fff;  opacity:0.3;  padding:20px;  top:0;  left:0}.vn-red a:hover{  background:#2c3e50}.vn-green a{background-color:#27ae60;  display:inline-block;  position:relative;  margin:30px 5px;  padding:20px 20px 20px 80px;  color:#fff;  transition:all 0.4s ease}.vn-green a:before{  content:"\f019";  font-family:fontAwesome;  position:absolute;  font-style: normal;  font-weight: normal;  text-decoration: inherit;  font-size:28px;  border-radius:0 20px 0 0;  color:#000;  background-color:#fff;  opacity:0.3;  padding:20px;  top:0;  left:0}.vn-green a:hover{  background:#2c3e50}.vn-teal a{background-color:#16a085;  display:inline-block;  position:relative;  margin:30px 5px;  padding:20px 20px 20px 80px;  color:#fff;  transition:all 0.4s ease}.vn-teal a:before{  content:"\f019";  font-family:fontAwesome;  position:absolute;  font-style: normal;  font-weight: normal;  text-decoration: inherit;  font-size:28px;  border-radius:0 20px 0 0;  color:#000;  background-color:#fff;  opacity:0.3;  padding:20px;  top:0;  left:0}.vn-teal a:hover{  background:#2c3e50}.vn-orange a{  background-color:#f39c12;  font-size:26px;  display:inline-block;  position:relative;  margin:30px 5px;  padding:20px 20px 20px 80px;  color:#fff;  transition:all 0.4s ease}.vn-orange a:before{  content:"\f019";  font-family:fontAwesome;  position:absolute;  font-style: normal;  font-weight: normal;  text-decoration: inherit;  font-size:28px;  border-radius:0 20px 0 0;  color:#000;  background-color:#fff;  opacity:0.3;  padding:20px;  top:0;  left:0}.vn-orange a:hover{  background:#2c3e50}.vn-blue a{  background-color:#2980b9;  font-size:26px;  display:inline-block;  position:relative;  margin:30px 5px;  padding:20px 20px 20px 80px;  color:#fff;  transition:all 0.4s ease}.vn-blue a:before{  content:"\f019";  font-family:fontAwesome;  position:absolute;  font-style: normal;  font-weight: normal;  text-decoration: inherit;  font-size:28px;  border-radius:0 20px 0 0;  color:#000;  background-color:#fff;  opacity:0.3;  padding:20px;  top:0;  left:0}.vn-blue a:hover{  background:#2c3e50}
input.imgbuttonblue {     display:block;     width:325px;     height:60px;     line-height:50px;/* match height*/     background:url(https://images2.imgbox.com/1b/4f/txmzZ55g_o.png) no-repeat 0 0;/* path to your image */     color:#000;     border:none; 	cursor: pointer;     padding:0;     text-transform:capitalize;/* ie6 fix to hide text*/     text-indent:-999em;/* hide text - remove this if you want the text in the value attribute to show.*/     clear:both;/* ie6 fix*/ }
input.imgbuttonorange {     display:block;     width:325px;     height:61px;     line-height:50px;/* match height*/     background:url(https://images2.imgbox.com/f9/14/6peMkgmZ_o.png) no-repeat 0 0;/* path to your image */     color:#000;     border:none; 	cursor: pointer;     padding:0;     text-transform:capitalize;/* ie6 fix to hide text*/     text-indent:-999em;/* hide text - remove this if you want the text in the value attribute to show.*/     clear:both;/* ie6 fix*/ }
</style>
<style>@import "https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css";</style>
<?ob_end_flush();?>