article.php

<?php
/**
 * Yikai CMS - 文章详情页
 *
 * PHP 8.0+
 */

declare(strict_types=1);

require_once __DIR__ . '/includes/init.php';

HtmlCache::start(600);

$id = getInt('id');
$slug = get('slug');

// 获取文章（从统一内容表，lang-aware：自动跳到当前 siteLang 翻译行）
if ($slug) {
    $article = contentModel()->findBySlugLang($slug);
} elseif ($id > 0) {
    $article = contentModel()->getPublished($id);
} else {
    $article = null;
}

if (!$article) {
    header('HTTP/1.1 404 Not Found');
    exit(__('error_article_not_found'));
}

// 更新浏览量
contentModel()->incrementViews((int)$article['id']);

// 页面信息
$pageTitle = $article['title'];
$pageKeywords = $article['tags'] ?: configJsonLang('site_keywords');
$pageDescription = $article['summary'] ?: cutStr(strip_tags($article['content']), 150);

// 获取上一篇和下一篇
$prevArticle = contentModel()->getPrev((int)$article['channel_id'], (int)$article['id']);
$nextArticle = contentModel()->getNext((int)$article['channel_id'], (int)$article['id']);

// 获取相关文章
$relatedArticles = contentModel()->getRelated((int)$article['channel_id'], (int)$article['id']);

// 当前菜单高亮
$currentSlug = 'news';

// 获取导航
$navChannels = getNavChannels();

// SEO: OpenGraph & JSON-LD
$ogType = 'article';
$siteUrl = rtrim(config('site_url', SITE_URL), '/');
$canonicalUrl = $siteUrl . langPrefix() . '/news/article/' . ($article['slug'] ?: $article['id']) . '.html';
if (!empty($article['cover'])) {
    $ogImage = $article['cover'];
}
$jsonLd = [
    '@context' => 'https://schema.org',
    '@type' => 'Article',
    'headline' => $article['title'],
    'description' => $pageDescription,
    'datePublished' => date('c', (int)(($article['publish_time'] ?? 0) ?: ($article['created_at'] ?? 0))),
    'dateModified' => date('c', (int)($article['updated_at'] ?: (($article['publish_time'] ?? 0) ?: ($article['created_at'] ?? 0)))),
    'publisher' => [
        '@type' => 'Organization',
        'name' => configRawLang('site_name', 'Yikai CMS'),
    ],
];
if (!empty($article['cover'])) {
    $jsonLd['image'] = $siteUrl . $article['cover'];
}

// 引入头部
require_once theme_path('layouts/header.php');
?>

<!-- 页面头部 -->
<?php
$breadcrumbItems = [['name' => __('news_title'), 'url' => '/news.html']];
if ($article['channel_name'] ?? '') {
    $breadcrumbItems[] = ['name' => $article['channel_name'], 'url' => '/news/' . e($article['channel_slug'] ?? '') . '.html'];
}
$breadcrumbItems[] = ['name' => cutStr($article['title'], 30), 'url' => ''];
$channel = ['name' => $article['title'], 'description' => '', 'image' => ''];
require theme_path('partials/page-hero.php');
?>

<!-- 文章内容 -->
<section class="py-12">
    <div class="container mx-auto px-4">
        <div class="flex flex-wrap lg:flex-nowrap gap-8">
            <!-- 左侧文章内容 -->
            <div class="flex-1 min-w-0">
                <article class="bg-white rounded-lg shadow overflow-hidden">
                    <!-- 文章头部 -->
                    <div class="p-6 md:p-8 border-b">
                        <h1 class="text-2xl md:text-3xl font-bold text-dark leading-snug">
                            <?php echo e($article['title']); ?>
                        </h1>
                        <?php if ($article['subtitle']): ?>
                        <p class="mt-2 text-gray-500"><?php echo e($article['subtitle']); ?></p>
                        <?php endif; ?>
                        <div class="mt-4 flex flex-wrap items-center gap-4 text-sm text-gray-500">
                            <?php if (($article['channel_name'] ?? '')): ?>
                            <a href="/news/<?php echo e(($article['channel_slug'] ?? '')); ?>.html" class="text-primary hover:underline">
                                <?php echo e(($article['channel_name'] ?? '')); ?>
                            </a>
                            <?php endif; ?>
                            <?php if ($article['author']): ?>
                            <span class="flex items-center gap-1">
                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path>
                                </svg>
                                <?php echo e($article['author']); ?>
                            </span>
                            <?php endif; ?>
                            <span class="flex items-center gap-1">
                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
                                </svg>
                                <?php echo date('Y-m-d', (int)(($article['publish_time'] ?? 0) ?: ($article['created_at'] ?? 0))); ?>
                            </span>
                            <span class="flex items-center gap-1">
                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
                                </svg>
                                <?php echo number_format((int)$article['views'] + 1); ?>
                            </span>
                        </div>
                    </div>

                    <!-- 封面图 -->
                    <?php if ($article['cover']): ?>
                    <div class="border-b">
                        <img src="<?php echo e($article['cover']); ?>" alt="<?php echo e($article['title']); ?>"
                             class="w-full max-h-96 object-cover">
                    </div>
                    <?php endif; ?>

                    <!-- 文章摘要 -->
                    <?php if ($article['summary']): ?>
                    <div class="px-6 md:px-8 py-4 bg-gray-50 border-b">
                        <p class="text-gray-600 italic"><?php echo e($article['summary']); ?></p>
                    </div>
                    <?php endif; ?>

                    <!-- 文章正文 -->
                    <div class="p-6 md:p-8">
                        <div class="prose prose-lg max-w-none content-body">
                            <?php echo renderContent($article['content']); ?>
                        </div>
                    </div>

                    <!-- 图集 -->
                    <?php
                    $gallery = json_decode((string) ($article['images'] ?? ''), true);
                    $gallery = is_array($gallery) ? array_values(array_filter($gallery, fn($u) => is_string($u) && $u !== '')) : [];
                    ?>
                    <?php if ($gallery): ?>
                    <div class="px-6 md:px-8 pb-6 md:pb-8">
                        <div class="grid grid-cols-2 sm:grid-cols-3 gap-3">
                            <?php foreach ($gallery as $img): ?>
                            <a href="<?php echo e($img); ?>" target="_blank" rel="noopener" class="block overflow-hidden rounded-lg group">
                                <img loading="lazy" src="<?php echo e(thumbnail($img, 'thumb')); ?>" alt="<?php echo e($article['title']); ?>"
                                     class="w-full h-40 object-cover transition group-hover:scale-105">
                            </a>
                            <?php endforeach; ?>
                        </div>
                    </div>
                    <?php endif; ?>

                    <!-- 标签 -->
                    <?php if ($article['tags']): ?>
                    <div class="px-6 md:px-8 py-4 border-t bg-gray-50">
                        <div class="flex flex-wrap items-center gap-2">
                            <span class="text-gray-500 text-sm"><?php echo __('article_tags'); ?>:</span>
                            <?php foreach (explode(',', $article['tags']) as $tag): ?>
                            <span class="px-3 py-1 bg-white border rounded-full text-sm text-gray-600">
                                <?php echo e(trim($tag)); ?>
                            </span>
                            <?php endforeach; ?>
                        </div>
                    </div>
                    <?php endif; ?>

                    <!-- 来源 -->
                    <?php if ($article['source']): ?>
                    <div class="px-6 md:px-8 py-4 border-t text-sm text-gray-500">
                        <?php echo __('article_source'); ?>: <?php echo e($article['source']); ?>
                    </div>
                    <?php endif; ?>
                </article>

                <!-- 上一篇/下一篇 -->
                <div class="mt-6 bg-white rounded-lg shadow p-6">
                    <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
                        <div class="flex-1">
                            <?php if ($prevArticle): ?>
                            <a href="/news/article/<?php echo $prevArticle['id']; ?>.html" class="group flex items-center gap-2 text-gray-600 hover:text-primary">
                                <svg class="w-5 h-5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
                                </svg>
                                <span class="line-clamp-1"><?php echo e($prevArticle['title']); ?></span>
                            </a>
                            <?php else: ?>
                            <span class="text-gray-400"><?php echo __('no_prev_article'); ?></span>
                            <?php endif; ?>
                        </div>
                        <div class="flex-1 text-right">
                            <?php if ($nextArticle): ?>
                            <a href="/news/article/<?php echo $nextArticle['id']; ?>.html" class="group flex items-center justify-end gap-2 text-gray-600 hover:text-primary">
                                <span class="line-clamp-1"><?php echo e($nextArticle['title']); ?></span>
                                <svg class="w-5 h-5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                </svg>
                            </a>
                            <?php else: ?>
                            <span class="text-gray-400"><?php echo __('no_next_article'); ?></span>
                            <?php endif; ?>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 右侧边栏 -->
            <div class="w-full lg:w-80 flex-shrink-0 space-y-6">
                <!-- 相关文章 -->
                <?php if (!empty($relatedArticles)): ?>
                <div class="bg-white rounded-lg shadow overflow-hidden">
                    <div class="bg-primary text-white px-4 py-3 font-bold">
                        <?php echo __('related_articles'); ?>
                    </div>
                    <div class="divide-y">
                        <?php foreach ($relatedArticles as $related): ?>
                        <a href="/news/article/<?php echo $related['id']; ?>.html"
                           class="flex gap-3 p-4 hover:bg-gray-50 transition">
                            <?php if ($related['cover']): ?>
                            <div class="flex-shrink-0 w-20 h-14 overflow-hidden rounded">
                                <img loading="lazy" src="<?php echo e(thumbnail($related['cover'], 'thumb')); ?>" alt="<?php echo e($related['title']); ?>"
                                     class="w-full h-full object-cover">
                            </div>
                            <?php endif; ?>
                            <div class="flex-1 min-w-0">
                                <h4 class="text-sm font-medium text-gray-800 line-clamp-2 hover:text-primary transition">
                                    <?php echo e($related['title']); ?>
                                </h4>
                                <p class="text-xs text-gray-400 mt-1">
                                    <?php echo date('Y-m-d', (int)(($related['publish_time'] ?? 0) ?: ($related['created_at'] ?? 0))); ?>
                                </p>
                            </div>
                        </a>
                        <?php endforeach; ?>
                    </div>
                </div>
                <?php endif; ?>

                <!-- 返回列表 -->
                <div class="bg-white rounded-lg shadow p-4">
                    <a href="/news.html" class="flex items-center justify-center gap-2 text-primary hover:underline">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path>
                        </svg>
                        <?php echo __('back_to_list'); ?>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>

<?php require_once theme_path('layouts/footer.php'); ?>