<?php 
require_once 'includes/header.php';

$id = isset($_GET['id']) ? intval($_GET['id']) : 0;
$page = isset($_GET['page']) ? max(1, (int)$_GET['page']) : 1;
$limit = 10;

// 获取分类信息
$category_name = '全部新闻';
$categories = get_categories();
foreach ($categories as $cat) {
    if ($cat['id'] == $id) {
        $category_name = $cat['name'];
        break;
    }
}

// 获取新闻列表
$news_list = get_news_list($page, $limit, $id);
$total = count_news($id);

// 分类热门
$hot_news = get_category_hot_news($id, 6);
?>

<!-- 分类导航条 -->
<div class="row mb-4">
    <div class="col-12">
        <div class="d-flex flex-wrap gap-2">
            <a href="/index.php" class="btn btn-outline-secondary btn-sm">全部</a>
            <?php foreach ($categories as $cat): ?>
            <a href="/category/<?= $cat['id'] ?>.html" 
               class="btn btn-sm <?= $cat['id'] == $id ? 'btn-primary' : 'btn-outline-secondary' ?>">
                <?= htmlspecialchars($cat['name']) ?>
            </a>
            <?php endforeach; ?>
        </div>
    </div>
</div>

<!-- 分类标题 -->
<div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="fw-bold mb-0">📁 <?= htmlspecialchars($category_name) ?></h4>
    <small class="text-muted">共 <?= $total ?> 篇</small>
</div>

<div class="row">
    <!-- 左侧新闻列表 -->
    <div class="col-lg-8">
        <?php if (!empty($news_list)): ?>
            <?php foreach ($news_list as $news): 
                $img = extract_first_image($news['content']);
            ?>
            <div class="card mb-3 border-0 shadow-sm">
                <div class="row g-0">
                    <?php if ($img): ?>
                    <div class="col-md-4">
                        <a href="/news/<?= $news['id'] ?>.html" 
                           class="d-block h-100" 
                           style="background: url('<?= htmlspecialchars($img) ?>') center/cover no-repeat; min-height: 160px;">
                        </a>
                    </div>
                    <div class="col-md-8">
                    <?php else: ?>
                    <div class="col-12">
                    <?php endif; ?>
                        <div class="card-body">
                            <h5 class="card-title">
                                <a href="/news/<?= $news['id'] ?>.html" 
                                   class="text-decoration-none text-dark fw-bold">
                                    <?= htmlspecialchars($news['title']) ?>
                                </a>
                            </h5>
                            <p class="card-text small text-muted mb-2">
                                <span class="badge bg-primary me-1"><?= htmlspecialchars($category_name) ?></span>
                                <span>📅 <?= date('m-d', strtotime($news['created_at'])) ?></span>
                                <span class="ms-2">👁️ <?= $news['views'] ?></span>
                            </p>
                            <p class="card-text"><?= mb_substr(strip_tags($news['content']), 0, 120) ?>...</p>
                        </div>
                    </div>
                </div>
            </div>
            <?php endforeach; ?>
        <?php else: ?>
            <div class="alert alert-light border">
                该分类下暂无新闻，<a href="/" class="alert-link">返回首页</a>看看其他内容。
            </div>
        <?php endif; ?>

        <!-- 分页 -->
        <?= pagination($total, $page, $limit, '/category/' . $id . '/page/') ?>
    </div>

    <!-- 右侧边栏 -->
    <div class="col-lg-4">
        <!-- 广告位：可使用category_sidebar位置，若未设置则回退到home_sidebar -->
        <?php 
        $ad = get_ads('category_sidebar'); 
        if (!$ad) $ad = get_ads('home_sidebar');
        ?>
        <?php if ($ad): ?>
        <div class="card mb-3 border-0 shadow-sm">
            <div class="card-body p-2 text-center">
                <?php if ($ad['type'] == 'image'): ?>
                    <a href="<?= htmlspecialchars($ad['link']) ?>" target="_blank">
                        <img src="<?= htmlspecialchars($ad['content']) ?>" class="img-fluid rounded" alt="广告">
                    </a>
                <?php else: echo $ad['content']; endif; ?>
            </div>
        </div>
        <?php endif; ?>

        <!-- 本分类热门排行 -->
        <div class="card border-0 shadow-sm mb-3">
            <div class="card-header bg-warning text-dark fw-bold">
                🔥 <?= htmlspecialchars($category_name) ?>热门
            </div>
            <?php if (!empty($hot_news)): ?>
            <ul class="list-group list-group-flush">
                <?php foreach ($hot_news as $idx => $hot): ?>
                <li class="list-group-item d-flex justify-content-between align-items-center">
                    <a href="/news/<?= $hot['id'] ?>.html" 
                       class="text-decoration-none text-dark text-truncate" 
                       style="max-width: 80%;">
                        <?= htmlspecialchars($hot['title']) ?>
                    </a>
                    <span class="badge bg-secondary rounded-pill"><?= $hot['views'] ?></span>
                </li>
                <?php endforeach; ?>
            </ul>
            <?php else: ?>
            <div class="card-body text-muted small">暂无数据</div>
            <?php endif; ?>
        </div>

        <!-- 第二个广告位 -->
        <?php $ad2 = get_ads('home_top'); if ($ad2): ?>
        <div class="card mb-3 border-0 shadow-sm">
            <div class="card-body p-2 text-center">
                <?php if ($ad2['type'] == 'image'): ?>
                    <a href="<?= htmlspecialchars($ad2['link']) ?>" target="_blank">
                        <img src="<?= htmlspecialchars($ad2['content']) ?>" class="img-fluid rounded" alt="广告">
                    </a>
                <?php else: echo $ad2['content']; endif; ?>
            </div>
        </div>
        <?php endif; ?>

        <!-- 快速导航 -->
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-light fw-bold">
                📌 浏览其他分类
            </div>
            <div class="card-body">
                <div class="d-flex flex-wrap gap-1">
                    <a href="/" class="badge bg-light text-dark text-decoration-none p-2">全部</a>
                    <?php foreach ($categories as $cat): ?>
                    <a href="/category/<?= $cat['id'] ?>.html" 
                       class="badge <?= $cat['id'] == $id ? 'bg-primary' : 'bg-light text-dark' ?> text-decoration-none p-2">
                        <?= htmlspecialchars($cat['name']) ?>
                    </a>
                    <?php endforeach; ?>
                </div>
            </div>
        </div>
    </div>
</div>

<?php require_once 'includes/footer.php'; ?>