<?php
/*
Template Name: 影视解析
Author: 享梦库・xmku.cc
*/
get_header();
?>

<style>
.jx{max-width:850px;margin:30px auto;padding:0 20px;box-sizing:border-box}
.jx *{box-sizing:border-box}
.jx-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:15px}
.jx-title{font-size:18px;margin-bottom:12px}
.jx-input{width:100%;padding:12px 14px;border:1px solid #eee;border-radius:8px;margin-bottom:10px}
.jx-lines{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.jx-line{padding:8px 10px;background:#f5f7fa;border:none;border-radius:6px;cursor:pointer}
.jx-line.active{background:#007bff;color:#fff}
.jx-btn{width:100%;padding:12px;border:none;border-radius:8px;color:#fff;margin-bottom:6px}
.jx-parse{background:#007bff}
.jx-check{background:#28a745}
.jx-loading{display:none;text-align:center;padding:10px 0}
.jx-status{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.jx-st{padding:5px 8px;border-radius:5px;font-size:12px;background:#f5f7fa}
.jx-ok{background:#e6f7e6;color:#00a800}
.jx-no{background:#fff0f0;color:#ff4444}
.jx-iframe{width:100%;height:450px;border:none;border-radius:10px;display:none;margin-bottom:15px}

/* 说明样式 */
.jx-desc{font-size:14px;line-height:1.7;color:#333;margin-top:15px}
.jx-desc h4{margin:10px 0 6px;font-size:15px}
.jx-desc p{margin:4px 0}
</style>

<div class="jx">

  <!-- 1. 影视解析区 -->
  <div class="jx-card">
    <div class="jx-title">🎬 影视解析</div>
    <input class="jx-input" id="u" value="https://www.bilibili.com/video/BV1xx411c7mC/">
    <div class="jx-lines">
      <button class="jx-line active" data-api="line1">线路1</button>
      <button class="jx-line" data-api="line2">线路2</button>
      <button class="jx-line" data-api="line3">线路3</button>
      <button class="jx-line" data-api="line4">线路4</button>
      <button class="jx-line" data-api="line5">线路5</button>
      <button class="jx-line" data-api="line6">线路6</button>
      <button class="jx-line" data-api="line7">线路7</button>
      <button class="jx-line" data-api="line8">线路8</button>
      <button class="jx-line" data-api="line9">线路9</button>
      <button class="jx-line" data-api="line10">线路10</button>
      <button class="jx-line" data-api="line11">线路11</button>
      <button class="jx-line" data-api="line12">线路12</button>
      <button class="jx-line" data-api="line13">线路13</button>
      <button class="jx-line" data-api="line14">线路14</button>
    </div>
    <button class="jx-btn jx-parse" onclick="play()">解析播放</button>
    <div class="jx-loading" id="load">⌛ 处理中...</div>
  </div>

  <!-- 2. 播放窗口（中间） -->
  <iframe class="jx-iframe" id="iframe" allowfullscreen></iframe>

  <!-- 3. 接口检测 -->
  <div class="jx-card">
    <div class="jx-title">🔍 接口检测</div>
    <button class="jx-btn jx-check" onclick="check()">检测所有接口</button>
    <div class="jx-status" id="status"></div>
  </div>

  <!-- 4. 使用说明（最底部） -->
  <div class="jx-card">
    <div class="jx-title">📌 全网VIP视频解析使用说明</div>
    <div class="jx-desc">
      <h4>操作指南</h4>
      <p>第一步：进入各大视频网站，找到想要观看的VIP视频，复制浏览器地址栏中的视频链接。</p>
      <p>第二步：将复制的链接粘贴到本站解析框内，点击「解析播放」。</p>
      <p>第三步：等待解析完成，即可免费观看VIP视频。</p>

      <h4>常见疑问</h4>
      <p>• 支持剧集自动播放下一集，可解析蓝光/高清电影，接口稳定流畅。</p>
      <p>• 视频无水印下载功能正在开发中，即将上线测试。</p>
      <p>• 支持腾讯视频、优酷、爱奇艺等主流平台，其他网站可自行测试。</p>
      <p>• 解析失败可切换线路接口，或更换原视频链接尝试。</p>
      <p>• 手机/电脑均可使用，使用流畅稳定。</p>

      <h4>温馨提示</h4>
      <p>本站所有资源均来源于互联网，仅供学习交流使用，请勿用于商业用途。</p>
    </div>
  </div>

</div>

<script>
let api = "line1";
document.querySelectorAll(".jx-line").forEach(b=>{
  b.onclick=()=>{
    document.querySelectorAll(".jx-line").forEach(x=>x.classList.remove("active"));
    b.classList.add("active");
    api = b.dataset.api;
  }
});

async function play(){
  const url = document.getElementById("u").value;
  if(!url){alert("请输入地址");return}
  document.getElementById("load").style.display = "block";
  const res = await fetch(`/video.php?action=get&api=${api}&url=${encodeURIComponent(url)}`);
  const d = await res.json();
  document.getElementById("iframe").src = d.parse;
  document.getElementById("iframe").style.display = "block";
  document.getElementById("load").style.display = "none";
}

async function check(){
  document.getElementById("load").style.display = "block";
  const res = await fetch("/video.php?action=check");
  const d = await res.json();
  const box = document.getElementById("status");
  box.innerHTML = "";
  const name = {
    line1:"线路1",line2:"线路2",line3:"线路3",line4:"线路4",line5:"线路5",
    line6:"线路6",line7:"线路7",line8:"线路8",line9:"线路9",line10:"线路10",
    line11:"线路11",line12:"线路12",line13:"线路13",line14:"线路14"
  };
  for(let k in d.list){
    const div = document.createElement("div");
    div.className = "jx-st "+(d.list[k]?"jx-ok":"jx-no");
    div.innerText = name[k] + (d.list[k]?" ✅":" ❌");
    box.appendChild(div);
  }
  document.getElementById("load").style.display = "none";
}
</script>

<?php get_footer(); ?>