<?php
/* =========================================================
   KONFIGURATION
   ========================================================= */

$uploadDir    = __DIR__ . '/uploads';
$historyFile  = __DIR__ . '/upload_history.json';
$deleteAfterDays = 7;

$allowedExtensions = [
    'zip', 'rar',
    'doc', 'docx',
    'pdf', 'txt',
    'jpg', 'jpeg', 'tiff', 'png', 'bmp',
    'mkv', 'mp4', 'mp3'
];

// Verzeichnis erstellen, falls nicht vorhanden
if (!is_dir($uploadDir)) {
    mkdir($uploadDir, 0777, true);
}

/* =========================================================
   Alte Dateien löschen (älter als X Tage)
   ========================================================= */

foreach (glob($uploadDir . '/*') as $file) {
    if (is_file($file)) {
        $age = time() - filemtime($file);
        if ($age > ($deleteAfterDays * 86400)) {
            @unlink($file);
        }
    }
}

/* =========================================================
   Upload-Historie laden
   ========================================================= */

$history = [];
if (file_exists($historyFile)) {
    $json = file_get_contents($historyFile);
    $history = json_decode($json, true) ?: [];
}

/* =========================================================
   Chunk-Upload Verarbeitung (PHP Backend)
   ========================================================= */

if (isset($_FILES['upload']) && $_FILES['upload']['error'] === UPLOAD_ERR_OK) {

    $tmpFile      = $_FILES['upload']['tmp_name'];
    $originalName = basename($_FILES['upload']['name']);
    $extension    = strtolower(pathinfo($originalName, PATHINFO_EXTENSION));

    // Dateityp prüfen
    if (!in_array($extension, $allowedExtensions)) {
        http_response_code(400);
        header('Content-Type: application/json');
        echo json_encode(['error' => 'Dateityp nicht erlaubt']);
        exit;
    }

    $chunkIndex  = (int) ($_POST['chunkIndex']  ?? 0);
    $totalChunks = (int) ($_POST['totalChunks'] ?? 1);

    $partialFile = $uploadDir . '/' . $originalName . '.part';

    // Bei erstem Chunk → alte .part-Datei löschen
    if ($chunkIndex === 0 && file_exists($partialFile)) {
        @unlink($partialFile);
    }

    // Chunk anhängen
    file_put_contents($partialFile, file_get_contents($tmpFile), FILE_APPEND);

    // Letzter Chunk → Datei finalisieren
    if ($chunkIndex + 1 === $totalChunks) {

        // Eindeutigen Dateinamen finden (Dateiname (1).ext, Dateiname (2).ext, ...)
        $finalPath = $uploadDir . '/' . $originalName;
        $counter   = 1;
        $baseName  = pathinfo($originalName, PATHINFO_FILENAME);

        while (file_exists($finalPath)) {
            $finalPath = $uploadDir . '/' . $baseName . " ($counter)." . $extension;
            $counter++;
        }

        rename($partialFile, $finalPath);

        // Öffentliche Download-URL erstellen
        $protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off') ? 'https://' : 'http://';
        $basePath = rtrim(dirname($_SERVER['SCRIPT_NAME']), '/');
        $publicUrl = $protocol . $_SERVER['HTTP_HOST'] . $basePath . '/uploads/' . basename($finalPath);

        // In Historie speichern (neueste oben)
        array_unshift($history, [
            'name' => basename($finalPath),
            'url'  => $publicUrl,
            'time' => time(),
            'size' => filesize($finalPath)
        ]);

        // Maximal 20 Einträge behalten
        $history = array_slice($history, 0, 20);

        file_put_contents(
            $historyFile,
            json_encode($history, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES)
        );

        // Erfolgsmeldung an Frontend
        header('Content-Type: application/json');
        echo json_encode([
            'success' => true,
            'url'     => $publicUrl,
            'name'    => basename($finalPath)
        ]);
        exit;
    }

    // Bei jedem Chunk außer dem letzten
    header('Content-Type: application/json');
    echo json_encode(['success' => true]);
    exit;
}
?>
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Datei Upload</title>

    <link href="https://ich.habs.live/bootstrap/5.3.8/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://onlyfor.name/fontawesome/css/all.css">

    <style>
        @font-face {
            font-family: 'Fira Sans Condensed';
            font-style: normal;
            font-weight: 600;
            font-display: swap;
            src: url('https://privat.kumhofer.at/fonts/font.php?file=fira-sans-condensed/fira-sans-condensed-v10-latin-600.woff2') format('woff2');
        }

        body {
            font-family: 'Fira Sans Condensed', sans-serif;
            color: #106ef3;
            background: #f0f2f5;
        }

        .upload-container {
            max-width: 600px;
            margin: 50px auto;
            padding: 30px;
            background: #fff;
            box-shadow: 0 8px 20px rgba(0,0,0,0.15);
            border-radius: 12px;
            text-align: center;
        }

        #dropZone {
            border: 2px dashed #6c757d;
            border-radius: 10px;
            padding: 40px 20px;
            cursor: pointer;
            transition: background 0.2s;
        }

        #dropZone.dragover {
            background: #e9ecef;
        }

        .progress {
            height: 25px;
            border-radius: 12px;
            overflow: hidden;
        }

        .file-icon {
            width: 30px;
            text-align: center;
        }
    </style>
</head>
<body>

<div class="upload-container">

    <h3 onclick="location.href='index.php'" style="cursor:pointer;">
        <i class="fas fa-upload me-2"></i>Datei Upload
    </h3>

    <p class="text-muted">(Datei Einzelgröße bis 10 GB)</p>

    <div id="dropZone">
        <input type="file" id="fileInput" style="display:none;">
        <span id="dropText">
            <i class="fas fa-file-import me-2"></i>Dateien hierher ziehen oder klicken
        </span>
    </div>

    <div id="uploadProgress" class="mt-3"></div>
    <br>

    <hr>

    <h5>Letzte Uploads</h5>

    <div id="history">
        <?php foreach ($history as $entry): ?>
            <div class="d-flex justify-content-between small border-bottom py-1">
                <span>
                    <a href="<?= htmlspecialchars($entry['url']) ?>" target="_blank">
                        <?= htmlspecialchars($entry['name']) ?>
                    </a>
                </span>
                <span><?= date('d.m.Y H:i', $entry['time']) ?></span>
            </div>
        <?php endforeach; ?>
    </div>

</div>

<script>
// =====================================================
//  KONFIGURATION – Frontend
// =====================================================

const CHUNK_SIZE = 10 * 1024 * 1024; // 10 MB


// =====================================================
//  Hilfsfunktion: Icon je nach Dateiendung
// =====================================================

function getFileIcon(filename) {
    const ext = filename.split('.').pop().toLowerCase();

    if (['jpg','jpeg','png','tiff','bmp'].includes(ext)) return 'fa-image';
    if (['mp4','mkv'].includes(ext))                    return 'fa-film';
    if (['zip','rar'].includes(ext))                    return 'fa-file-zipper';
    if (['pdf'].includes(ext))                          return 'fa-file-pdf';

    return 'fa-file';
}


// =====================================================
//  Haupt-Upload-Funktion (chunked)
// =====================================================

async function uploadFile(file) {
    const container = document.createElement('div');
    container.className = 'mb-3';

    const icon = getFileIcon(file.name);

    container.innerHTML = `
        <div class="d-flex align-items-center mb-1">
            <i class="fas ${icon} file-icon"></i>
            <span class="ms-2 flex-grow-1">${file.name}</span>
            <span class="speed small text-muted"></span>
        </div>
        <div class="progress">
            <div class="progress-bar bg-info" style="width:0%">0%</div>
        </div>
    `;

    document.getElementById('uploadProgress').appendChild(container);

    const progressBar = container.querySelector('.progress-bar');
    const speedLabel  = container.querySelector('.speed');

    const totalChunks = Math.ceil(file.size / CHUNK_SIZE);
    const startTime   = Date.now();

    for (let i = 0; i < totalChunks; i++) {
        const start = i * CHUNK_SIZE;
        const end   = Math.min(file.size, start + CHUNK_SIZE);
        const chunk = file.slice(start, end);

        const formData = new FormData();
        formData.append('upload', chunk, file.name);
        formData.append('chunkIndex', i);
        formData.append('totalChunks', totalChunks);

        const response = await fetch(window.location.href, {
            method: 'POST',
            body: formData
        });

        const data = await response.json();

        const percent = Math.round(((i + 1) / totalChunks) * 100);
        progressBar.style.width = percent + '%';
        progressBar.textContent = percent + '%';

        // Geschwindigkeit & Restzeit
        const elapsed = (Date.now() - startTime) / 1000;
        const uploaded = (i + 1) * CHUNK_SIZE;
        const speedMBs = (uploaded / elapsed) / (1024 * 1024);
        const remainingSeconds = ((file.size - uploaded) / (speedMBs * 1024 * 1024)) || 0;

        speedLabel.textContent =
            speedMBs.toFixed(1) + ' MB/s – ' +
            Math.round(remainingSeconds) + ' s';

        if (i + 1 === totalChunks) {
            progressBar.classList.remove('bg-info');
            progressBar.classList.add('bg-success');
            showSuccessLink(data.url);
        }
    }
}


// =====================================================
//  Erfolgsmeldung + Copy-Button
// =====================================================

function showSuccessLink(url) {
    const box = document.createElement('div');
    box.className = 'alert alert-success mt-2';

    box.innerHTML = `
        Upload fertig
        <div class="input-group mt-2">
            <input class="form-control" value="${url}" readonly>
            <button class="btn btn-primary copy">
                <i class="fas fa-copy"></i>
            </button>
        </div>
    `;

    document.getElementById('uploadProgress').appendChild(box);

    box.querySelector('.copy').onclick = () => {
        navigator.clipboard.writeText(url);
        // Optional: visuellen Hinweis geben
        // box.querySelector('.copy').innerHTML = '<i class="fas fa-check"></i>';
    };
}


// =====================================================
//  Drag & Drop + Klick-Upload
// =====================================================

const dropZone  = document.getElementById('dropZone');
const fileInput = document.getElementById('fileInput');

dropZone.onclick = () => fileInput.click();

dropZone.ondragover = e => {
    e.preventDefault();
    dropZone.classList.add('dragover');
};

dropZone.ondragleave = () => {
    dropZone.classList.remove('dragover');
};

dropZone.ondrop = e => {
    e.preventDefault();
    dropZone.classList.remove('dragover');

    for (const file of e.dataTransfer.files) {
        uploadFile(file);
    }
};

fileInput.onchange = () => {
    for (const file of fileInput.files) {
        uploadFile(file);
    }
    fileInput.value = '';
};
</script>

</body>
</html>