<?php
/**
 * 安丘市门户网站 - 首页
 */

// 自动创建 index.html，解决部分Nginx配置下访问 / 返回404的问题
$_idxFile = __DIR__ . '/index.html';
if (!file_exists($_idxFile)) {
    @file_put_contents($_idxFile, '<!DOCTYPE html><html><head><meta charset="UTF-8"><meta http-equiv="refresh" content="0;url=index.php"><script>window.location.href="index.php";</script></head><body></body></html>');
}

require_once __DIR__ . '/../app/config.php';
require_once __DIR__ . '/../app/functions.php';

record_visit();

$settings = get_settings();
$categories = get_categories();
$banners = get_banners();
$scenicSpots = get_scenic_spots();
$friendlinks = get_friendlinks();
$siteName = $settings['site_name'] ?? SITE_NAME_DEFAULT;
$siteDesc = $settings['site_desc'] ?? '';
$keywords = $settings['keywords'] ?? '';
$footer   = $settings['footer'] ?? '';

// 首页新闻数据
$headlineNews = get_latest_articles(1, null); // 头条
$headline = !empty($headlineNews) ? $headlineNews[0] : null;
$latestNews = get_articles_by_slug('news', 7); // 新闻动态
$notices = get_articles_by_slug('notice', 6); // 通知公告
$aboutArticles = get_articles_by_slug('about', 1); // 走进安丘
$aboutArticle = !empty($aboutArticles) ? $aboutArticles[0] : null;
$travelArticles = get_articles_by_slug('travel', 3); // 安丘旅游

// SEO
$canonical = canonical_url('');
$jsonLd = [
    '@context' => 'https://schema.org',
    '@type' => 'WebSite',
    'name' => $siteName,
    'url' => SITE_URL,
    'description' => $siteDesc,
];
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <?php echo seo_meta([
        'title' => $siteName . ' - ' . $siteDesc,
        'description' => $siteDesc,
        'keywords' => $keywords,
        'canonical' => $canonical,
        'og_type' => 'website',
        'og_image' => !empty($banners) ? ($banners[0]['image'] ?? '') : '',
        'json_ld' => $jsonLd,
    ]); ?>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.1/css/all.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>

<!-- 顶部信息栏 -->
<div class="top-bar">
    <div class="container">
        <div class="welcome">
            <i class="fas fa-calendar-alt"></i>
            <span class="js-date"></span>
        </div>
        <div class="links">
            <form action="search.php" method="get" class="top-search-form">
                <input type="text" name="q" placeholder="搜索文章..." value="">
                <button type="submit"><i class="fas fa-search"></i></button>
            </form>
            <a href="admin/">管理登录</a>
        </div>
    </div>
</div>

<!-- 主导航 -->
<header class="main-header">
    <div class="container">
        <a href="index.php" class="logo">
            <div class="logo-icon"><i class="fas fa-mountain"></i></div>
            <div class="logo-text">
                <h1><?php echo e($siteName); ?></h1>
                <span>ANQIU CITY PORTAL</span>
            </div>
        </a>
        <nav>
            <ul class="nav-menu">
                <li><a href="index.php" class="active">首页</a></li>
                <?php foreach ($categories as $cat): ?>
                    <li><a href="list.php?cat=<?php echo e($cat['slug']); ?>"><?php echo e($cat['name']); ?></a></li>
                <?php endforeach; ?>
            </ul>
        </nav>
        <div class="nav-toggle"><span></span><span></span><span></span></div>
    </div>
</header>

<!-- 轮播图 -->
<?php if (!empty($banners)): ?>
<section class="hero-carousel">
    <div class="carousel-track">
        <?php foreach ($banners as $banner): ?>
            <div class="carousel-slide">
                <img src="<?php echo e($banner['image']); ?>" alt="<?php echo e($banner['title'] ?? ''); ?>">
                <div class="carousel-caption">
                    <h2><?php echo e($banner['title'] ?? ''); ?></h2>
                    <?php if ($banner['link']): ?>
                        <a href="<?php echo e($banner['link']); ?>" class="btn-link">查看详情 <i class="fas fa-arrow-right"></i></a>
                    <?php endif; ?>
                </div>
            </div>
        <?php endforeach; ?>
    </div>
    <div class="carousel-dots"></div>
</section>
<?php endif; ?>

<!-- 新闻区 -->
<section class="section section-gray">
    <div class="container">
        <div class="news-layout">
            <!-- 左侧: 头条+列表 -->
            <div>
                <div class="section-title">
                    <h2><i class="fas fa-newspaper" style="color:var(--accent)"></i> 新闻动态</h2>
                    <a href="list.php?cat=news" class="more">更多 <i class="fas fa-angle-right"></i></a>
                </div>
                <?php if ($headline): ?>
                <div class="news-headline" style="margin-bottom:20px">
                    <?php if ($headline['cover_image']): ?>
                        <a href="article.php?id=<?php echo $headline['id']; ?>">
                            <img src="<?php echo e($headline['cover_image']); ?>" alt="" class="headline-img">
                        </a>
                    <?php endif; ?>
                    <div class="headline-body">
                        <h3><a href="article.php?id=<?php echo $headline['id']; ?>"><?php echo e($headline['title']); ?></a></h3>
                        <p class="headline-summary"><?php echo e($headline['summary'] ?? truncate(strip_tags($headline['content']), 120)); ?></p>
                        <div class="headline-meta">
                            <span><i class="far fa-calendar"></i> <?php echo fmt_date($headline['created_at']); ?></span>
                            <span><i class="far fa-eye"></i> <?php echo $headline['views']; ?>次阅读</span>
                        </div>
                    </div>
                </div>
                <?php endif; ?>

                <div class="news-list">
                    <ul>
                        <?php foreach ($latestNews as $i => $article): ?>
                            <?php if ($i === 0 && $headline) continue; // 跳过头条 ?>
                            <li>
                                <a href="article.php?id=<?php echo $article['id']; ?>"><?php echo e($article['title']); ?></a>
                                <span class="date"><?php echo fmt_date($article['created_at']); ?></span>
                            </li>
                        <?php endforeach; ?>
                    </ul>
                </div>
            </div>

            <!-- 右侧: 通知公告Tab -->
            <div>
                <div class="section-title">
                    <h2><i class="fas fa-bullhorn" style="color:var(--accent)"></i> 通知公告</h2>
                    <a href="list.php?cat=notice" class="more">更多 <i class="fas fa-angle-right"></i></a>
                </div>
                <div class="news-list" style="min-height:380px">
                    <ul>
                        <?php foreach ($notices as $notice): ?>
                            <li>
                                <a href="article.php?id=<?php echo $notice['id']; ?>"><?php echo e($notice['title']); ?></a>
                                <span class="date"><?php echo fmt_date($notice['created_at']); ?></span>
                            </li>
                        <?php endforeach; ?>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 走进安丘 -->
<?php if ($aboutArticle): ?>
<section class="section section-white">
    <div class="container">
        <div class="section-title">
            <h2><i class="fas fa-city" style="color:var(--accent)"></i> 走进安丘</h2>
            <a href="list.php?cat=about" class="more">了解更多 <i class="fas fa-angle-right"></i></a>
        </div>
        <div class="city-intro">
            <div class="intro-img">
                <?php if ($aboutArticle['cover_image']): ?>
                    <img src="<?php echo e($aboutArticle['cover_image']); ?>" alt="安丘市">
                <?php else: ?>
                    <img src="https://images.unsplash.com/photo-1480714378408-67cf0d13bc1b?w=800&q=80" alt="安丘市">
                <?php endif; ?>
            </div>
            <div class="intro-text">
                <h2>安丘市</h2>
                <div class="en-name">ANQIU CITY · SHANDONG</div>
                <p><?php echo e($aboutArticle['summary'] ?? truncate(strip_tags($aboutArticle['content']), 160)); ?></p>
                <div class="city-stats">
                    <div class="stat-item">
                        <span class="num">1712</span><span class="unit">km²</span>
                        <div class="label">总面积</div>
                    </div>
                    <div class="stat-item">
                        <span class="num">95</span><span class="unit">万</span>
                        <div class="label">总人口</div>
                    </div>
                    <div class="stat-item">
                        <span class="num">2200</span><span class="unit">年</span>
                        <div class="label">建县历史</div>
                    </div>
                    <div class="stat-item">
                        <span class="num">500</span><span class="unit">亿+</span>
                        <div class="label">GDP</div>
                    </div>
                </div>
                <a href="article.php?id=<?php echo $aboutArticle['id']; ?>" class="btn-link" style="display:inline-block;padding:10px 28px;background:var(--accent);color:#fff;border-radius:var(--radius);font-weight:600">
                    查看详情 <i class="fas fa-arrow-right"></i>
                </a>
            </div>
        </div>
    </div>
</section>
<?php endif; ?>

<!-- 安丘旅游 -->
<section class="section section-gray">
    <div class="container">
        <div class="section-title">
            <h2><i class="fas fa-mountain" style="color:var(--accent)"></i> 安丘旅游</h2>
            <a href="list.php?cat=travel" class="more">更多景点 <i class="fas fa-angle-right"></i></a>
        </div>
        <div class="scenic-grid">
            <?php foreach (array_slice($scenicSpots, 0, 6) as $spot): ?>
                <div class="scenic-card">
                    <img src="<?php echo e($spot['image'] ?? 'https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?w=600&q=80'); ?>" alt="<?php echo e($spot['name']); ?>" class="card-img">
                    <div class="card-body">
                        <div class="card-header">
                            <h3><?php echo e($spot['name']); ?></h3>
                            <?php if ($spot['level']): ?>
                                <span class="level-badge"><?php echo e($spot['level']); ?></span>
                            <?php endif; ?>
                        </div>
                        <p class="card-desc"><?php echo e(truncate($spot['description'] ?? '', 80)); ?></p>
                        <?php if ($spot['location']): ?>
                            <div class="card-location"><i class="fas fa-map-marker-alt"></i> <?php echo e($spot['location']); ?></div>
                        <?php endif; ?>
                    </div>
                </div>
            <?php endforeach; ?>
        </div>
    </div>
</section>

<!-- 特色产业 -->
<section class="section section-white">
    <div class="container">
        <div class="section-title">
            <h2><i class="fas fa-industry" style="color:var(--accent)"></i> 特色产业</h2>
            <a href="list.php?cat=industry" class="more">了解更多 <i class="fas fa-angle-right"></i></a>
        </div>
        <div class="news-layout">
            <div class="news-list">
                <ul>
                    <?php $industryArticles = get_articles_by_slug('industry', 5); ?>
                    <?php foreach ($industryArticles as $article): ?>
                        <li>
                            <a href="article.php?id=<?php echo $article['id']; ?>"><?php echo e($article['title']); ?></a>
                            <span class="date"><?php echo fmt_date($article['created_at']); ?></span>
                        </li>
                    <?php endforeach; ?>
                </ul>
            </div>
            <div class="news-list">
                <ul>
                    <?php $economyArticles = get_articles_by_slug('economy', 5); ?>
                    <?php foreach ($economyArticles as $article): ?>
                        <li>
                            <a href="article.php?id=<?php echo $article['id']; ?>"><?php echo e($article['title']); ?></a>
                            <span class="date"><?php echo fmt_date($article['created_at']); ?></span>
                        </li>
                    <?php endforeach; ?>
                </ul>
            </div>
        </div>
    </div>
</section>

<!-- 友情链接 -->
<?php if (!empty($friendlinks)): ?>
<section class="friend-links">
    <div class="container">
        <div class="fl-title">友情链接</div>
        <div class="fl-list">
            <?php foreach ($friendlinks as $fl): ?>
                <a href="<?php echo e($fl['url']); ?>" target="_blank" rel="noopener" title="<?php echo e($fl['description'] ?? ''); ?>"><?php echo e($fl['name']); ?></a>
            <?php endforeach; ?>
        </div>
    </div>
</section>
<?php endif; ?>

<!-- 页脚 -->
<footer class="site-footer">
    <div class="container">
        <div class="footer-top">
            <div class="footer-brand">
                <h3><i class="fas fa-mountain"></i> <?php echo e($siteName); ?></h3>
                <p>安丘市位于山东半岛中部，是山东省辖县级市，由潍坊市代管。总面积1712平方公里，辖9个镇、3个街道，总人口约95万。历史悠久、文化底蕴深厚、物产丰富、风景秀丽。</p>
            </div>
            <div class="footer-col">
                <h4>栏目导航</h4>
                <ul>
                    <?php foreach ($categories as $cat): ?>
                        <li><a href="list.php?cat=<?php echo e($cat['slug']); ?>"><?php echo e($cat['name']); ?></a></li>
                    <?php endforeach; ?>
                </ul>
            </div>
            <div class="footer-col">
                <h4>关于我们</h4>
                <ul>
                    <li><a href="sitemap.php"><i class="fas fa-sitemap"></i> 网站地图</a></li>
                    <li><a href="search.php"><i class="fas fa-search"></i> 文章搜索</a></li>
                    <li><i class="fas fa-map-marker-alt"></i> <?php echo e($settings['address'] ?? '山东省潍坊市安丘市'); ?></li>
                    <li><i class="fas fa-phone"></i> <?php echo e($settings['phone'] ?? '0536-4396000'); ?></li>
                    <li><i class="fas fa-envelope"></i> <?php echo e($settings['email'] ?? 'admin@anqiu.net'); ?></li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <p><?php echo e($footer); ?></p>
            <?php if (!empty($settings['icp'])): ?>
                <p><a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener"><?php echo e($settings['icp']); ?></a></p>
            <?php endif; ?>
        </div>
    </div>
</footer>

<button class="back-to-top" aria-label="返回顶部"><i class="fas fa-arrow-up"></i></button>
<script src="assets/js/main.js"></script>
</body>
</html>
