<?php
// 安全头部优先输出
header("X-Frame-Options: DENY");
header("X-Content-Type-Options: nosniff");
header("Referrer-Policy: strict-origin-when-cross-origin");

require_once __DIR__ . '/includes/db.php';
require_once __DIR__ . '/includes/functions.php';

// 获取并过滤内容
$rawContent = getSiteContent();
$content = [
    'qr_image' => htmlspecialchars(basename($rawContent['qr_image'] ?? ''), ENT_QUOTES),
    'description_text' => htmlspecialchars($rawContent['description_text'] ?? '', ENT_QUOTES),
    'app_download_text' => htmlspecialchars($rawContent['app_download_text'] ?? '', ENT_QUOTES),
    'android_app_url' => filter_var($rawContent['android_app_url'] ?? '', FILTER_VALIDATE_URL),
    'ios_app_url' => isset($rawContent['ios_app_url']) ? 
                    filter_var($rawContent['ios_app_url'], FILTER_VALIDATE_URL) : 
                    null
];

// 确保iOS应用URL存在 - 防止按钮不显示
if (empty($content['ios_app_url'])) {
    $content['ios_app_url'] = 'https://apps.apple.com/cn/app/骈怡飘带机/id6747765590';
    error_log('iOS应用URL未正确配置，使用默认值: ' . $content['ios_app_url']);
}

// 图标URL（使用您提供的链接）
$icons = [
    'ios' => 'https://hyimg.ahuau.com/i/2024/12/03/674ed52f6dc9b.png',
    'android' => 'https://hyimg.ahuau.com/i/2024/12/03/674ed52d11b6e.png'
];
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= htmlspecialchars(SITE_NAME, ENT_QUOTES) ?></title>
    <link rel="stylesheet" href="/assets/css/style.css?ver=<?= filemtime(__DIR__.'/assets/css/style.css') ?>">
    <style>
        /* 专门匹配设计图的样式 */
        body {
            background-color: #E0F7FA;
            background-image: linear-gradient(135deg, #E0F7FA, #B2EBF2, #81D4FA);
            font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
        }
        
        .container {
            max-width: 480px;
            padding: 20px;
            margin: 0 auto;
        }
        
        header h1 {
            color: #1A237E;
            text-align: center;
            font-size: 1.8rem;
            margin: 15px 0 20px;
            font-weight: bold;
        }
        
        .qr-container {
            background-color: #B3E5FC;
            padding: 20px;
            border-radius: 15px;
            box-shadow: 0 4px 10px rgba(0,150,136,0.2);
            margin-bottom: 20px;
            text-align: center;
        }
        
        .qr-code {
            width: 210px;
            height: 210px;
            border: 8px solid white;
            border-radius: 8px;
        }
        
        .description {
            background-color: #E0F7FA;
            padding: 15px 20px;
            border-radius: 12px;
            font-size: 0.95rem;
            line-height: 1.7;
            color: #263238;
            text-align: center;
        }
        
        .download-section {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 20px;
        }
        
        .download-btn {
            padding: 12px 25px;
            border-radius: 10px;
            font-weight: bold;
            width: 200px;
            box-shadow: 0 3px 6px rgba(0,0,0,0.12);
            transition: all 0.3s ease;
            text-align: center;
            border: none;
        }
        
        .android-btn {
            background-color: #4CAF50;
            color: white;
        }
        
        .download-info {
            margin-top: 8px;
            font-size: 0.85rem;
            color: #546E7A;
        }
        
        .download-tip {
            text-align: center;
            color: #607D8B;
            font-size: 0.9rem;
            margin-top: 25px;
            line-height: 1.6;
            padding: 0 15px;
        }
        
        footer {
            margin-top: 30px;
            text-align: center;
            font-size: 0.9rem;
            color: #546E7A;
            padding: 15px;
        }
        
        /* 管理入口样式 */
        .admin-entry-corner {
            position: fixed;
            top: 15px;
            right: 15px;
            z-index: 1000;
            display: flex;
            gap: 10px;
        }
        
        .btn-rounded {
            border-radius: 20px;
            padding: 8px 15px;
            font-size: 0.85rem;
            border: none;
            cursor: pointer;
        }
        
        .btn-primary {
            background-color: #FF9800;
            color: white;
        }
    </style>
</head>
<body>
    <div class="container">
        <!-- 恢复管理入口显示 -->
        <div class="admin-entry-corner">
            <?php if (isAdminLoggedIn()): ?>
                <a href="/admin/dashboard.php?token=<?= bin2hex(random_bytes(16)) ?>" class="btn-primary btn-rounded">管理后台</a>
                <form action="/admin/logout.php" method="POST" style="display:inline">
                    <input type="hidden" name="csrf_token" value="<?= $_SESSION['csrf_token'] ?? '' ?>">
                    <button type="submit" class="btn-danger btn-rounded">退出</button>
                </form>
            <?php else: ?>
                <a href="/admin/login.php" class="btn-primary btn-rounded">管理员登录</a>
            <?php endif; ?>
        </div>
        
        <header>
            <h1>骈怡资材服务中心</h1>
        </header>
        
        <main>
            <div class="qr-container card">
                <img src="/uploads/<?= $content['qr_image'] ?>" alt="客服二维码" class="qr-code" crossorigin="anonymous">
            </div>
            
            <div class="description card">
                <?= nl2br($content['description_text'] ?? '请【长按】上方二维码，添加【骈怡飘带打印机】技术服务顾问，我们将竭诚为您服务!') ?>
            </div>
            
            <!-- 下载区域（安卓按钮位置在左下方） -->
            <div class="download-section">
                <!-- 安卓下载按钮 -->
                <button id="androidDownloadBtn" class="download-btn android-btn">
                    安卓版下载
                </button>
                <div class="download-info">适用于Android 8.0及以上系统</div>
                
                <!-- 提示文本 -->
                <p class="download-tip"><?= $content['app_download_text'] ?? '点击按钮下载【骈怡飘带机】APP，注意区分【安卓】和【苹果】手机版本!' ?></p>
            </div>
            
            <!-- iOS下载按钮位置在右侧 -->
            <div style="position: absolute; right: 20px; bottom: 90px;">
                <button id="iosDownloadBtn" class="download-btn ios-btn">
                    <img src="<?= $icons['ios'] ?>" alt="苹果" style="height:24px;vertical-align:middle">
                    iOS版下载
                </button>
            </div>
        </main>
        
        <footer>
            <p>&copy; <?= date('Y') ?> <?= htmlspecialchars(SITE_NAME, ENT_QUOTES) ?>客户服务中心</p>
        </footer>
    </div>
    
    <script>
    // 安卓下载处理
    document.getElementById('androidDownloadBtn')?.addEventListener('click', function() {
        if (!confirm('确认下载安卓版应用？')) return;
        
        const isWeixin = /MicroMessenger/i.test(navigator.userAgent);
        const appUrl = '<?= addslashes($content['android_app_url']) ?>';
        const finalUrl = appUrl + (appUrl.includes('?') ? '&' : '?') + 't=' + Date.now();
        
        if (isWeixin) {
            window.location.href = `/weixin_redirect.php?url=${encodeURIComponent(finalUrl)}`;
        } else {
            window.open(finalUrl, '_blank');
        }
    });
    
    // iOS下载处理
    document.getElementById('iosDownloadBtn')?.addEventListener('click', function() {
        if (!confirm('确认下载iOS版应用？')) return;
        
        const isWeixin = /MicroMessenger/i.test(navigator.userAgent);
        const appUrl = '<?= addslashes($content['ios_app_url']) ?>';
        const finalUrl = appUrl + (appUrl.includes('?') ? '&' : '?') + 't=' + Date.now();
        
        if (isWeixin) {
            window.location.href = `/weixin_redirect.php?url=${encodeURIComponent(finalUrl)}`;
        } else {
            window.open(finalUrl, '_blank');
        }
    });
    </script>
</body>
</html>