<?php
/**
 * Dramabox Full Web Application Pro (Fixed Version)
 * Menggabungkan semua fitur: API GET/POST, Admin Panel, Suggest, & Routing.
 */

// --- KONFIGURASI DEFAULT ---
$defaultBaseUrl = "https://sapimu.au/dramabox/api";
$defaultToken = "706e684261b905a8b40e7032f4d0c1398d0ffb9dce48aa1c07d33ae76c910d24";

// Mengambil konfigurasi dari Cookie agar sinkron antara PHP (Server) dan UI (Client)
$baseUrl = isset($_COOKIE['db_base_url']) ? $_COOKIE['db_base_url'] : $defaultBaseUrl;
$token = isset($_COOKIE['db_token']) ? $_COOKIE['db_token'] : $defaultToken;

/**
 * FUNGSI HELPER API
 * Mendukung CURL dan Fallback Stream Context jika CURL tidak tersedia.
 */
function fetchApi($url, $method = 'GET', $postData = null) {
    global $token;
    
    $headers = [
        "Authorization: Bearer $token",
        "Content-Type: application/json"
    ];

    // Opsi 1: Gunakan CURL jika tersedia
    if (function_exists('curl_init')) {
        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, $url);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
        curl_setopt($ch, CURLOPT_TIMEOUT, 15);
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
        curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
        
        if ($method === 'POST') {
            curl_setopt($ch, CURLOPT_POST, true);
            curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($postData));
        }
        
        $response = curl_exec($ch);
        $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
        $errorCurl = curl_error($ch);
        curl_close($ch);
        
        $decodedData = json_decode($response, true);
        return [
            'code' => $httpCode,
            'error_curl' => $errorCurl,
            'data' => is_array($decodedData) ? $decodedData : []
        ];
    } 
    // Opsi 2: Fallback ke file_get_contents (Stream Context)
    else {
        $opts = [
            "http" => [
                "method" => $method,
                "header" => implode("\r\n", $headers),
                "ignore_errors" => true,
                "timeout" => 15
            ]
        ];
        
        if ($method === 'POST') {
            $opts["http"]["content"] = json_encode($postData);
        }
        
        $context = stream_context_create($opts);
        $response = @file_get_contents($url, false, $context);
        
        $httpCode = 500;
        if (isset($http_response_header) && preg_match('{HTTP\/\S*\s(\d{3})}', $http_response_header[0], $matches)) {
            $httpCode = (int)$matches[1];
        }
        
        $decodedData = json_decode($response, true);
        return [
            'code' => $httpCode,
            'error_curl' => 'CURL nonaktif, menggunakan metode stream.',
            'data' => is_array($decodedData) ? $decodedData : []
        ];
    }
}

// --- AJAX HANDLER UNTUK SARAN PENCARIAN (SUGGEST) ---
if (isset($_GET['ajax']) && $_GET['ajax'] == 'suggest') {
    $q = isset($_GET['q']) ? $_GET['q'] : '';
    $res = fetchApi("$baseUrl/suggest/" . urlencode($q) . "?lang=in");
    header('Content-Type: application/json');
    echo json_encode(isset($res['data']['data']) ? $res['data']['data'] : (isset($res['data']) ? $res['data'] : []));
    exit;
}

// --- LOGIKA ROUTING ---
$view = isset($_GET['view']) ? $_GET['view'] : 'foryou';
$pageTitle = "Dramabox";
$content = [];
$details = null;
$errorMsg = null;

// Helper untuk mengekstrak data dari struktur yang berbeda-beda
function extractData($res) {
    if (!isset($res['data'])) return [];
    if (isset($res['data']['data']) && is_array($res['data']['data'])) return $res['data']['data'];
    if (is_array($res['data'])) return $res['data'];
    return [];
}

switch ($view) {
    case 'new':
        $res = fetchApi("$baseUrl/new/1?lang=in&pageSize=10");
        $content = extractData($res);
        $pageTitle = "Rilis Terbaru";
        break;
    
    case 'rank':
        $res = fetchApi("$baseUrl/rank/1?lang=in");
        $content = extractData($res);
        $pageTitle = "Peringkat Populer";
        break;

    case 'classify':
        $genre = isset($_GET['genre']) ? $_GET['genre'] : '1357';
        $res = fetchApi("$baseUrl/classify?lang=in&pageNo=1&genre=$genre&sort=1");
        $content = extractData($res);
        $pageTitle = "Genre: " . ($genre == '1357' ? 'Romantis' : 'Aksi');
        break;

    case 'search':
        $q = isset($_GET['q']) ? $_GET['q'] : '';
        if ($q) {
            $res = fetchApi("$baseUrl/search/" . urlencode($q) . "/1?lang=in");
            $content = extractData($res);
            $pageTitle = "Pencarian: $q";
        }
        break;

    case 'detail':
        $id = isset($_GET['id']) ? $_GET['id'] : '';
        $detailRes = fetchApi("$baseUrl/chapters/detail/$id?lang=in");
        $details = isset($detailRes['data']['data']) ? $detailRes['data']['data'] : null;
        
        $res = fetchApi("$baseUrl/chapters/$id?lang=in");
        $content = extractData($res);
        $pageTitle = isset($details['title']) ? $details['title'] : "Detail Drama";
        if ($detailRes['code'] != 200) $res['code'] = $detailRes['code'];
        break;

    case 'watch':
        $id = isset($_GET['id']) ? $_GET['id'] : '';
        $index = isset($_GET['index']) ? $_GET['index'] : 0;
        $postBody = ["bookId" => $id, "chapterIndex" => (int)$index, "lang" => "in"];
        $res = fetchApi("$baseUrl/watch/player?lang=in", 'POST', $postBody);
        $content = extractData($res);
        $pageTitle = "Menonton Episode " . ($index + 1);
        break;

    default: // foryou
        $res = fetchApi("$baseUrl/foryou/1?lang=in");
        $content = extractData($res);
        $pageTitle = "Rekomendasi Utama";
        break;
}

if (isset($res)) {
    if ($res['code'] == 0 && !empty($res['error_curl'])) {
        $errorMsg = "Kesalahan Koneksi: " . $res['error_curl'];
    } elseif ($res['code'] != 200 && $res['code'] != 0) {
        $errorMsg = "Gagal memuat data (HTTP {$res['code']}). Periksa Token/URL.";
    }
}
?>

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo $pageTitle; ?> - Dramabox</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap');
        body { background-color: #080808; color: #f5f5f5; font-family: 'Inter', sans-serif; }
        .glass { background: rgba(18, 18, 18, 0.8); backdrop-filter: blur(15px); }
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .aspect-vertical { aspect-ratio: 9/13; }
        .active-tab { color: #ef4444; border-bottom: 3px solid #ef4444; }
    </style>
</head>
<body class="max-w-md mx-auto min-h-screen flex flex-col border-x border-white/5 relative">

    <!-- Header & Search -->
    <header class="sticky top-0 z-50 glass border-b border-white/10 p-4">
        <div class="flex items-center justify-between mb-4">
            <a href="index.php" class="text-2xl font-black text-red-600 tracking-tighter italic">DRAMABOX</a>
            <div class="flex gap-4 items-center">
                <button onclick="document.getElementById('adminModal').classList.remove('hidden')" class="text-gray-400 hover:text-white transition">
                    <i class="fas fa-cog"></i>
                </button>
                <div class="w-8 h-8 rounded-full border border-red-500/30 overflow-hidden">
                    <img src="https://api.dicebear.com/7.x/avataaars/svg?seed=Dramabox" alt="Profil">
                </div>
            </div>
        </div>
        
        <div class="relative">
            <form action="index.php" method="GET">
                <input type="hidden" name="view" value="search">
                <input type="text" name="q" id="searchInput" autocomplete="off"
                       placeholder="Cari drama menarik..." 
                       class="w-full bg-white/5 border border-white/10 rounded-2xl py-2.5 px-5 text-sm focus:outline-none focus:border-red-500 transition-all"
                       value="<?php echo htmlspecialchars(isset($_GET['q']) ? $_GET['q'] : ''); ?>">
                <button type="submit" class="absolute right-4 top-2.5 text-gray-500">
                    <i class="fas fa-search"></i>
                </button>
            </form>
            <div id="suggestionBox" class="absolute top-full left-0 right-0 mt-2 bg-gray-900 border border-white/10 rounded-2xl hidden shadow-2xl z-[60] overflow-hidden text-sm"></div>
        </div>
    </header>

    <?php if ($view != 'watch' && $view != 'detail'): ?>
    <nav class="flex gap-6 px-4 py-3 text-[11px] font-black uppercase border-b border-white/5 overflow-x-auto no-scrollbar whitespace-nowrap">
        <a href="index.php?view=foryou" class="<?php echo $view == 'foryou' ? 'active-tab' : 'text-gray-500'; ?> pb-1">Rekomendasi</a>
        <a href="index.php?view=new" class="<?php echo $view == 'new' ? 'active-tab' : 'text-gray-500'; ?> pb-1">Terbaru</a>
        <a href="index.php?view=rank" class="<?php echo $view == 'rank' ? 'active-tab' : 'text-gray-500'; ?> pb-1">Peringkat</a>
        <a href="index.php?view=classify&genre=1357" class="<?php echo ($view == 'classify' && isset($_GET['genre']) && $_GET['genre'] == '1357') ? 'active-tab' : 'text-gray-500'; ?> pb-1">Romance</a>
    </nav>
    <?php endif; ?>

    <main class="flex-grow p-4 pb-28">
        <?php if ($errorMsg): ?>
            <div class="bg-red-600/10 border border-red-600/30 text-red-500 p-4 rounded-2xl text-[11px] font-bold mb-6">
                <i class="fas fa-exclamation-circle mr-2"></i> <?php echo $errorMsg; ?>
            </div>
        <?php endif; ?>

        <?php if ($view == 'watch'): ?>
            <div class="rounded-3xl overflow-hidden bg-black mb-6 shadow-2xl aspect-video border border-white/10 flex items-center justify-center relative">
                <?php if (isset($content['url'])): ?>
                    <video id="player" controls autoplay class="w-full h-full">
                        <source src="<?php echo $content['url']; ?>" type="video/mp4">
                    </video>
                <?php else: ?>
                    <div class="text-center p-8">
                        <i class="fas fa-lock text-4xl text-gray-800 mb-4"></i>
                        <p class="text-[10px] text-gray-500 font-black uppercase tracking-widest">Akses Gagal / Token Tidak Valid</p>
                    </div>
                <?php endif; ?>
            </div>
            <h1 class="text-xl font-black mb-1"><?php echo $pageTitle; ?></h1>
            <a href="index.php?view=detail&id=<?php echo htmlspecialchars(isset($_GET['id']) ? $_GET['id'] : ''); ?>" class="text-red-500 text-[10px] font-black uppercase mt-4 block">
                <i class="fas fa-arrow-left"></i> Kembali ke Daftar Episode
            </a>

        <?php elseif ($view == 'detail'): ?>
            <?php if ($details): ?>
                <div class="mb-8">
                    <h1 class="text-3xl font-black leading-tight mb-3"><?php echo htmlspecialchars($details['title']); ?></h1>
                    <div class="flex gap-2 text-[9px] font-black uppercase mb-4">
                        <span class="bg-red-600 px-2 py-0.5 rounded italic">Drama</span>
                        <span class="bg-white/10 px-2 py-0.5 rounded"><?php echo isset($details['genreName']) ? $details['genreName'] : 'Umum'; ?></span>
                    </div>
                    <p class="text-xs text-gray-400 leading-relaxed"><?php echo htmlspecialchars(isset($details['description']) ? $details['description'] : ''); ?></p>
                </div>
            <?php endif; ?>

            <h2 class="text-xs font-black mb-4 uppercase tracking-widest text-red-600">Pilih Episode</h2>
            <div class="grid grid-cols-4 gap-2">
                <?php if (is_array($content) && !empty($content)): ?>
                    <?php foreach ($content as $key => $chapter): ?>
                        <a href="index.php?view=watch&id=<?php echo htmlspecialchars(isset($_GET['id']) ? $_GET['id'] : ''); ?>&index=<?php echo $key; ?>" 
                           class="bg-white/5 border border-white/5 aspect-square flex items-center justify-center rounded-2xl font-black text-sm hover:bg-red-600 transition">
                            <?php echo $key + 1; ?>
                        </a>
                    <?php endforeach; ?>
                <?php else: ?>
                    <p class="col-span-4 text-center text-xs text-gray-600 italic py-10">Data episode tidak tersedia.</p>
                <?php endif; ?>
            </div>

        <?php else: ?>
            <div class="grid grid-cols-2 gap-4">
                <?php if (is_array($content) && !empty($content)): ?>
                    <?php foreach ($content as $item): ?>
                        <a href="index.php?view=detail&id=<?php echo htmlspecialchars(isset($item['bookId']) ? $item['bookId'] : (isset($item['id']) ? $item['id'] : '')); ?>" class="group">
                            <div class="aspect-vertical rounded-3xl overflow-hidden relative mb-2 bg-gray-900 border border-white/5 shadow-2xl">
                                <img src="<?php echo isset($item['cover']) ? $item['cover'] : 'https://via.placeholder.com/300x450'; ?>" 
                                     class="w-full h-full object-cover group-hover:scale-110 transition duration-700">
                                <div class="absolute bottom-0 inset-x-0 p-3 bg-gradient-to-t from-black via-black/20 to-transparent">
                                    <span class="text-[8px] font-black bg-red-600 px-1.5 py-0.5 rounded italic">HD</span>
                                </div>
                            </div>
                            <h3 class="text-[11px] font-bold line-clamp-2 leading-tight px-1 group-hover:text-red-500 transition"><?php echo htmlspecialchars(isset($item['title']) ? $item['title'] : 'Drama'); ?></h3>
                        </a>
                    <?php endforeach; ?>
                <?php else: ?>
                    <div class="col-span-2 text-center py-32 opacity-20">
                        <i class="fas fa-film text-6xl mb-4"></i>
                        <p class="text-xs font-black uppercase tracking-widest">Data Kosong</p>
                    </div>
                <?php endif; ?>
            </div>
        <?php endif; ?>
    </main>

    <div id="adminModal" class="fixed inset-0 z-[100] glass flex items-center justify-center hidden p-6">
        <div class="bg-gray-900 w-full max-w-sm rounded-[40px] p-8 border border-white/10">
            <h2 class="text-xl font-black mb-6">PENGATURAN</h2>
            <div class="space-y-5">
                <div>
                    <label class="text-[10px] text-gray-500 font-black uppercase">Base API URL</label>
                    <input type="text" id="setBaseUrl" value="<?php echo $baseUrl; ?>" class="w-full bg-black border border-white/10 rounded-2xl p-4 text-xs mt-2 outline-none focus:border-red-500">
                </div>
                <div>
                    <label class="text-[10px] text-gray-500 font-black uppercase">Bearer Token</label>
                    <textarea id="setToken" rows="4" class="w-full bg-black border border-white/10 rounded-2xl p-4 text-[10px] mt-2 outline-none focus:border-red-500 resize-none"><?php echo $token; ?></textarea>
                </div>
                <div class="pt-4 space-y-3">
                    <button onclick="saveAdmin()" class="w-full bg-red-600 py-4 rounded-2xl font-black text-xs uppercase transition">Simpan</button>
                    <button onclick="document.getElementById('adminModal').classList.add('hidden')" class="w-full py-2 text-[10px] text-gray-500 uppercase">Batal</button>
                </div>
            </div>
        </div>
    </div>

    <footer class="fixed bottom-0 w-full max-w-md glass border-t border-white/5 p-4 flex justify-around items-center z-40">
        <a href="index.php?view=foryou" class="flex flex-col items-center <?php echo $view == 'foryou' ? 'text-red-500' : 'text-gray-500'; ?>">
            <i class="fas fa-home text-xl"></i>
            <span class="text-[9px] mt-1 font-black uppercase">Beranda</span>
        </a>
        <a href="index.php?view=rank" class="flex flex-col items-center <?php echo $view == 'rank' ? 'text-red-500' : 'text-gray-500'; ?>">
            <i class="fas fa-fire text-xl"></i>
            <span class="text-[9px] mt-1 font-black uppercase">Populer</span>
        </a>
        <div class="w-14 h-14 bg-red-600 rounded-full flex items-center justify-center -mt-12 border-[6px] border-[#080808] text-white">
            <i class="fas fa-play text-lg ml-1"></i>
        </div>
        <a href="index.php?view=new" class="flex flex-col items-center <?php echo $view == 'new' ? 'text-red-500' : 'text-gray-500'; ?>">
            <i class="fas fa-clock text-xl"></i>
            <span class="text-[9px] mt-1 font-black uppercase">Baru</span>
        </a>
        <div class="flex flex-col items-center text-gray-500">
            <i class="fas fa-user text-xl"></i>
            <span class="text-[9px] mt-1 font-black uppercase">Saya</span>
        </div>
    </footer>

    <script src="api.js"></script>
    <script src="main.js"></script>
</body>
</html>