<?php
/** 本源码版权所有©葫芦侠用户天奕科技工作室，侵权联系邮箱tianhkeji@qq.com删除处理 */
/**
 * 后台首页 - 数据概览
 * 全端响应式 + 现代化UI
 */
session_start();
if (!isset($_SESSION['admin_login']) || !$_SESSION['admin_login']) {
    header("Location: index.php");
    exit;
}
require __DIR__ . '/../config.php';

$total_drama = mysqli_fetch_assoc(mysqli_query($conn, "SELECT count(*) cnt FROM drama_list"))['cnt'];
$total_search = mysqli_fetch_assoc(mysqli_query($conn, "SELECT count(*) cnt FROM search_record"))['cnt'];
$today_add = mysqli_fetch_assoc(mysqli_query($conn, "SELECT add_count FROM update_log WHERE add_date=CURDATE()"));
$today_count = $today_add ? $today_add['add_count'] : 0;

$hot_search = mysqli_query($conn, "SELECT * FROM search_record ORDER BY search_num DESC LIMIT 10");
$recent = mysqli_query($conn, "SELECT * FROM drama_list ORDER BY id DESC LIMIT 10");
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
<title>后台管理 - 短剧-短剧搜</title>
<link rel="stylesheet" href="../static/style.css">
<style>
    .stats-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
        margin-bottom: 24px;
    }
    .stat-card {
        background: white;
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        padding: 20px;
        position: relative;
        overflow: hidden;
        transition: transform 0.2s, box-shadow 0.2s;
    }
    .stat-card:hover {
        transform: translateY(-2px);
        box-shadow: var(--shadow-md);
    }
    .stat-card .icon {
        width: 48px;
        height: 48px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        margin-bottom: 12px;
    }
    .stat-card.blue .icon { background: linear-gradient(135deg, #dbeafe, #bfdbfe); }
    .stat-card.green .icon { background: linear-gradient(135deg, #d1fae5, #a7f3d0); }
    .stat-card.purple .icon { background: linear-gradient(135deg, #ede9fe, #ddd6fe); }
    .stat-card.orange .icon { background: linear-gradient(135deg, #fed7aa, #fdba74); }
    .stat-card .label {
        font-size: 13px;
        color: var(--text-light);
        margin-bottom: 4px;
    }
    .stat-card .value {
        font-size: 28px;
        font-weight: 800;
        color: var(--text);
    }
    .stat-card.blue .value { color: #2563eb; }
    .stat-card.green .value { color: #059669; }
    .stat-card.purple .value { color: #7c3aed; }
    .stat-card.orange .value { color: #ea580c; }

    .content-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin-bottom: 24px;
    }
    .panel {
        background: white;
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        overflow: hidden;
    }
    .panel-header {
        padding: 16px 20px;
        border-bottom: 1px solid var(--border);
        font-weight: 700;
        font-size: 15px;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .panel-body { padding: 8px 0; }

    .quick-actions {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 12px;
    }
    .quick-action {
        background: white;
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        padding: 20px;
        text-align: center;
        transition: all 0.2s;
        border: 2px solid transparent;
        display: block;
    }
    .quick-action:hover {
        border-color: var(--primary);
        transform: translateY(-2px);
        box-shadow: var(--shadow-md);
    }
    .quick-action .icon {
        font-size: 28px;
        margin-bottom: 8px;
    }
    .quick-action .label {
        font-size: 13px;
        font-weight: 500;
        color: var(--text);
    }

    .rank-list .rank-item {
        display: flex;
        align-items: center;
        padding: 10px 20px;
        border-bottom: 1px solid #f1f5f9;
        font-size: 14px;
    }
    .rank-list .rank-item:last-child { border-bottom: none; }
    .rank-num {
        width: 24px;
        height: 24px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 12px;
        margin-right: 12px;
        background: #f1f5f9;
        color: var(--text-light);
        flex-shrink: 0;
    }
    .rank-num.top1 { background: linear-gradient(135deg, #fbbf24, #f59e0b); color: white; }
    .rank-num.top2 { background: linear-gradient(135deg, #94a3b8, #64748b); color: white; }
    .rank-num.top3 { background: linear-gradient(135deg, #fb923c, #ea580c); color: white; }
    .rank-keyword { flex: 1; color: var(--text); }
    .rank-count { color: var(--text-light); font-size: 13px; }

    @media (max-width: 1024px) {
        .stats-grid { grid-template-columns: repeat(2, 1fr); }
        .content-grid { grid-template-columns: 1fr; }
        .quick-actions { grid-template-columns: repeat(3, 1fr); }
    }
    @media (max-width: 600px) {
        .quick-actions { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 480px) {
        .stats-grid { grid-template-columns: 1fr; }
        .quick-actions { grid-template-columns: 1fr; }
        .stat-card .value { font-size: 24px; }
    }
</style>
</head>
<body>

<nav class="navbar">
    <div class="navbar-brand">🎬 短剧站管理后台</div>
    <div class="navbar-links">
        <a href="maccms.php" style="color:var(--primary);font-weight:600;">🎬 资源采集</a>
        <span style="color:var(--text-light);font-size:13px;">👤 <?php echo $_SESSION['admin_username']; ?></span>
        <a href="password.php">修改密码</a>
        <a href="logout.php" style="color:var(--danger);">退出</a>
    </div>
</nav>

<div class="container">

    <!-- 数据统计卡片 -->
    <div class="stats-grid animate-fade-in">
        <div class="stat-card blue">
            <div class="icon">📚</div>
            <div class="label">短剧总数</div>
            <div class="value"><?php echo $total_drama; ?></div>
        </div>
        <div class="stat-card green">
            <div class="icon">✅</div>
            <div class="label">今日新增</div>
            <div class="value"><?php echo $today_count; ?></div>
        </div>
        <div class="stat-card purple">
            <div class="icon">🔍</div>
            <div class="label">搜索关键词</div>
            <div class="value"><?php echo $total_search; ?></div>
        </div>
        <div class="stat-card orange">
            <div class="icon">📅</div>
            <div class="label">当前日期</div>
            <div class="value" style="font-size:18px;padding-top:6px;"><?php echo date('m-d'); ?></div>
        </div>
    </div>

    <!-- 内容区 -->
    <div class="content-grid animate-fade-in">
        <!-- 热门搜索 -->
        <div class="panel">
            <div class="panel-header">🔥 热门搜索 TOP10</div>
            <div class="panel-body rank-list">
                <?php $rank = 1; while ($row = mysqli_fetch_assoc($hot_search)): ?>
                <div class="rank-item">
                    <div class="rank-num <?php echo $rank==1?'top1':($rank==2?'top2':($rank==3?'top3':'')); ?>"><?php echo $rank; ?></div>
                    <span class="rank-keyword"><?php echo htmlspecialchars($row['keyword']); ?></span>
                    <span class="rank-count"><?php echo $row['search_num']; ?> 次</span>
                </div>
                <?php $rank++; endwhile; ?>
                <?php if (mysqli_num_rows($hot_search) == 0): ?>
                <div style="padding:32px;text-align:center;color:var(--text-light);font-size:13px;">暂无搜索数据</div>
                <?php endif; ?>
            </div>
        </div>

        <!-- 最近添加 -->
        <div class="panel">
            <div class="panel-header">🆕 最近添加</div>
            <div class="panel-body rank-list">
                <?php while ($row = mysqli_fetch_assoc($recent)): ?>
                <div class="rank-item">
                    <div class="rank-num" style="background:var(--primary-light);color:var(--primary-dark);">#<?php echo $row['id']; ?></div>
                    <span class="rank-keyword" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;">
                        <?php echo htmlspecialchars($row['title']); ?>
                    </span>
                    <span class="rank-count"><?php echo htmlspecialchars($row['category']); ?></span>
                </div>
                <?php endwhile; ?>
                <?php if (mysqli_num_rows($recent) == 0): ?>
                <div style="padding:32px;text-align:center;color:var(--text-light);font-size:13px;">暂无数据</div>
                <?php endif; ?>
            </div>
        </div>
    </div>

    <!-- 快捷操作 -->
    <div class="panel animate-fade-in" style="padding:20px;">
        <div class="panel-header" style="padding:0 0 16px 0;border:none;">⚡ 快捷操作</div>
        <div class="quick-actions">
            <a href="maccms.php" class="quick-action" style="border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#faf5ff);">
                <div class="icon">🎬</div>
                <div class="label" style="font-weight:700;color:#667eea;">资源采集</div>
            </a>
            <a href="drama_add.php" class="quick-action">
                <div class="icon">➕</div>
                <div class="label">新增短剧</div>
            </a>
            <a href="drama_list.php" class="quick-action">
                <div class="icon">📋</div>
                <div class="label">短剧管理</div>
            </a>
            <a href="batch_import.php" class="quick-action">
                <div class="icon">📥</div>
                <div class="label">批量导入</div>
            </a>
            <a href="../index.php" target="_blank" class="quick-action">
                <div class="icon">👁️</div>
                <div class="label">查看前台</div>
            </a>
        </div>
    </div>

</div>
</body>
</html>
