<?php
/**
 * 企业官网前台入口文件
 */
require_once 'config.php';

// 获取网站数据
function getWebsiteData() {
    global $website_data_file;
    if (file_exists($website_data_file)) {
        $data = file_get_contents($website_data_file);
        return json_decode($data, true);
    }
    return array();
}

$websiteData = getWebsiteData();
$siteInfo = isset($websiteData['siteInfo']) ? $websiteData['siteInfo'] : array();

// 设置网站标题和元信息
$pageTitle = isset($siteInfo['title']) ? $siteInfo['title'] : $site_title;
$pageDescription = isset($siteInfo['description']) ? $siteInfo['description'] : $site_description;
$pageKeywords = isset($siteInfo['keywords']) ? $siteInfo['keywords'] : $site_keywords;
$pageLogo = isset($siteInfo['logo']) && !empty($siteInfo['logo']) ? $upload_url . $siteInfo['logo'] : '';
$pageFavicon = isset($siteInfo['favicon']) && !empty($siteInfo['favicon']) ? $upload_url . $siteInfo['favicon'] : '';
$pageCopyright = isset($siteInfo['copyright']) ? $siteInfo['copyright'] : '© ' . date('Y') . ' 企业官网. 版权所有.';

// 获取各个区块数据
$bannerData = isset($websiteData['banner']) ? $websiteData['banner'] : array();
$aboutData = isset($websiteData['about']) ? $websiteData['about'] : array();
$servicesData = isset($websiteData['services']) ? $websiteData['services'] : array();
$teamData = isset($websiteData['team']) ? $websiteData['team'] : array();
$clientsData = isset($websiteData['clients']) ? $websiteData['clients'] : array();
$contactData = isset($websiteData['contact']) ? $websiteData['contact'] : array();
$projectsData = isset($websiteData['projects']) ? $websiteData['projects'] : array();

// 调试日志
debug_log('Loading website data');
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title><?php echo htmlspecialchars($pageTitle); ?></title>
    <meta name="description" content="<?php echo htmlspecialchars($pageDescription); ?>">
    <meta name="keywords" content="<?php echo htmlspecialchars($pageKeywords); ?>">
    <?php if (!empty($pageFavicon)): ?>
    <link rel="shortcut icon" href="<?php echo htmlspecialchars($pageFavicon); ?>" type="image/x-icon">
    <?php endif; ?>
    
    <!-- 引入CSS文件 -->
    <link rel="stylesheet" href="<?php echo $site_path; ?>assets/css/normalize.css">
    <link rel="stylesheet" href="<?php echo $site_path; ?>assets/css/animate.min.css">
    <link rel="stylesheet" href="<?php echo $site_path; ?>assets/fonts/font-awesome/css/all.min.css">
    <link rel="stylesheet" href="<?php echo $site_path; ?>assets/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="<?php echo $site_path; ?>assets/css/styles.css">
    <link rel="stylesheet" href="<?php echo $site_path; ?>assets/css/advanced-animations.css">
    <link rel="stylesheet" href="<?php echo $site_path; ?>assets/css/advanced-scroll-progress.css">
    
    <!-- 添加预加载 -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    
    <!-- 注入网站配置数据 -->
    <script>
        window.websiteData = <?php echo json_encode($websiteData); ?>;
    </script>
    
    <!-- 自定义颜色变量 -->
    <style>
        :root {
            --primary-color: #3498db;
            --primary-dark: #2980b9;
            --secondary-color: #2ecc71;
            --primary-rgb: 52, 152, 219;
            --secondary-rgb: 46, 204, 113;
        }
    </style>
</head>
<body>
    <!-- 滚动进度条 -->
    <div class="scroll-progress-container<?php 
    if (isset($websiteData['effects']) && isset($websiteData['effects']['scrollProgressType']) && $websiteData['effects']['scrollProgressType'] !== 'default') {
        echo ' scroll-progress-' . htmlspecialchars($websiteData['effects']['scrollProgressType']);
    }
    ?>">
        <div class="scroll-progress-bar"></div>
        <?php if (isset($websiteData['effects']) && isset($websiteData['effects']['scrollProgressType']) && 
                 $websiteData['effects']['scrollProgressType'] === 'with-indicator' && 
                 isset($websiteData['effects']['showPercentage']) && $websiteData['effects']['showPercentage']): ?>
        <div class="scroll-progress-percentage">0%</div>
        <?php endif; ?>
        <?php if (isset($websiteData['effects']) && isset($websiteData['effects']['scrollProgressType']) && 
                 $websiteData['effects']['scrollProgressType'] === 'double'): ?>
        <div class="scroll-progress-secondary"></div>
        <?php endif; ?>
    </div>

    <!-- 页面加载动画 -->
    <div class="preloader">
        <div class="loader">
            <div class="spinner">
                <div class="double-bounce1"></div>
                <div class="double-bounce2"></div>
            </div>
        </div>
    </div>

    <!-- 头部导航 -->
    <header class="header">
        <div class="container">
            <div class="header-inner">
                <div class="logo">
                    <?php if (!empty($pageLogo)): ?>
                    <a href="<?php echo $site_path; ?>"><img src="<?php echo htmlspecialchars($pageLogo); ?>" alt="<?php echo htmlspecialchars($pageTitle); ?>"></a>
                    <?php else: ?>
                    <a href="<?php echo $site_path; ?>" class="logo-text"><?php echo htmlspecialchars($pageTitle); ?></a>
                    <?php endif; ?>
                </div>
                <nav class="main-nav">
                    <ul>
                        <li><a href="#home" class="nav-link active">首页</a></li>
                        <li><a href="#about" class="nav-link">关于我们</a></li>
                        <li><a href="#services" class="nav-link">服务</a></li>
                        <li><a href="#team" class="nav-link">团队</a></li>
                        <li><a href="#clients" class="nav-link">客户</a></li>
                        <li><a href="#contact" class="nav-link">联系我们</a></li>
                    </ul>
                </nav>
                <div class="mobile-menu-toggle">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </div>
    </header>

    <!-- 移动端菜单 -->
    <div class="mobile-menu">
        <div class="close-menu">
            <i class="fas fa-times"></i>
        </div>
        <nav>
            <ul>
                <li><a href="#home" class="nav-link">首页</a></li>
                <li><a href="#about" class="nav-link">关于我们</a></li>
                <li><a href="#services" class="nav-link">服务</a></li>
                <li><a href="#team" class="nav-link">团队</a></li>
                <li><a href="#clients" class="nav-link">客户</a></li>
                <li><a href="#contact" class="nav-link">联系我们</a></li>
            </ul>
        </nav>
    </div>

    <!-- Banner区块 -->
    <section id="home" class="banner-section">
        <div class="swiper-container banner-slider">
            <div class="swiper-wrapper">
                <?php if (!empty($bannerData)): ?>
                    <?php foreach ($bannerData as $banner): ?>
                    <div class="swiper-slide">
                        <div class="banner-slide" <?php echo !empty($banner['image']) ? 'style="background-image: url(\'' . $upload_url . htmlspecialchars($banner['image']) . '\')"' : ''; ?>>
                            <div class="container">
                                <div class="banner-content">
                                    <h1 class="char-animation" data-once="true"><?php echo htmlspecialchars($banner['title']); ?></h1>
                                    <p class="slide-right" data-once="true" data-delay="0.4"><?php echo htmlspecialchars($banner['subtitle']); ?></p>
                                    <?php if (!empty($banner['link'])): ?>
                                    <a href="<?php echo htmlspecialchars($banner['link']); ?>" class="btn btn-primary scale-in light-beam" data-once="true" data-delay="0.8">了解更多</a>
                                    <?php endif; ?>
                                </div>
                            </div>
                            <div class="overlay glass-effect"></div>
                        </div>
                    </div>
                    <?php endforeach; ?>
                <?php else: ?>
                    <div class="swiper-slide">
                        <div class="banner-slide bg-gradient-animated">
                            <div class="container">
                                <div class="banner-content">
                                    <h1 class="char-animation" data-once="true">欢迎访问企业官网</h1>
                                    <p class="slide-right" data-once="true">高端、炫酷、响应式企业网站解决方案</p>
                                    <a href="#about" class="btn btn-primary scale-in light-beam" data-once="true">了解更多</a>
                                </div>
                            </div>
                            <div class="overlay glass-effect"></div>
                        </div>
                    </div>
                <?php endif; ?>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        
        <!-- 滚动指示器 -->
        <div class="scroll-indicator">
            <div class="mouse">
                <div class="wheel"></div>
            </div>
        </div>
        
        <!-- 3D粒子背景 -->
        <div id="particles-js" class="particles-container"></div>
    </section>

    <!-- 关于我们区块 -->
    <section id="about" class="about-section section-padding">
        <div class="container">
            <div class="section-heading">
                <h2 class="fade-up visibility-timeout" data-once="true"><?php echo isset($aboutData['title']) ? htmlspecialchars($aboutData['title']) : '关于我们'; ?></h2>
                <div class="heading-line divider visibility-timeout" data-once="true"></div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="about-content slide-right visibility-timeout" data-once="true">
                        <div class="about-text">
                            <?php echo isset($aboutData['content']) ? nl2br(htmlspecialchars($aboutData['content'])) : '这里是公司的详细介绍，后台可编辑此内容。'; ?>
                        </div>
                        
                        <!-- 统计数据展示部分已移除 -->
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="about-image parallax-tilt slide-left visibility-timeout" data-once="true">
                        <?php if (isset($aboutData['image']) && !empty($aboutData['image'])): ?>
                        <div class="parallax-image-container hover-float">
                            <img src="<?php echo $upload_url . htmlspecialchars($aboutData['image']); ?>" alt="关于我们" class="parallax-image parallax-tilt-child">
                        </div>
                        <?php else: ?>
                        <div class="placeholder-image parallax-tilt-child">
                            <i class="fas fa-building"></i>
                        </div>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- 视差滚动效果 -->
        <div class="parallax-bg"></div>
    </section>

    <!-- 备用脚本：确保关于我们区块在JavaScript动画失效时也能显示 -->
    <script>
        // 如果在5秒后动画元素仍未显示，则强制显示它们
        setTimeout(function() {
            document.querySelectorAll('.visibility-timeout').forEach(function(element) {
                if (!element.classList.contains('active')) {
                    element.classList.add('force-visible');
                }
            });
        }, 5000);
    </script>

    <!-- 服务区块 -->
    <section id="services" class="services-section section-padding">
        <div class="container">
            <div class="section-heading">
                <h2 class="fade-up" data-once="true"><?php echo isset($servicesData['title']) ? htmlspecialchars($servicesData['title']) : '我们的服务'; ?></h2>
                <p class="fade-up" data-once="true" data-delay="0.2"><?php echo isset($servicesData['description']) ? htmlspecialchars($servicesData['description']) : '我们提供以下优质服务'; ?></p>
                <div class="heading-line divider" data-once="true" data-delay="0.3"></div>
            </div>
            <div class="row">
                <?php if (isset($servicesData['items']) && !empty($servicesData['items'])): ?>
                    <?php foreach ($servicesData['items'] as $index => $service): ?>
                    <div class="col-lg-4 col-md-6">
                        <div class="service-box stagger-item" data-delay="<?php echo 0.2 * ($index + 1); ?>">
                            <div class="service-icon">
                                <?php if (!empty($service['image'])): ?>
                                <img src="<?php echo $upload_url . htmlspecialchars($service['image']); ?>" alt="<?php echo htmlspecialchars($service['title']); ?>">
                                <?php else: ?>
                                <i class="<?php echo htmlspecialchars($service['icon']); ?>"></i>
                                <?php endif; ?>
                            </div>
                            <h3><?php echo htmlspecialchars($service['title']); ?></h3>
                            <p><?php echo htmlspecialchars($service['description']); ?></p>
                            <?php if (!empty($service['link'])): ?>
                            <a href="<?php echo htmlspecialchars($service['link']); ?>" class="btn" <?php echo (strpos($service['link'], 'http://') === 0 || strpos($service['link'], 'https://') === 0) ? 'target="_blank"' : ''; ?>>了解更多</a>
                            <?php else: ?>
                            <a href="#contact" class="btn">了解更多</a>
                            <?php endif; ?>
                        </div>
                    </div>
                    <?php endforeach; ?>
                <?php else: ?>
                    <div class="col-lg-4 col-md-6">
                        <div class="service-box stagger-item">
                            <div class="service-icon">
                                <i class="fas fa-cog"></i>
                            </div>
                            <h3>服务一</h3>
                            <p>服务一的详细描述，我们提供专业的解决方案，满足您的各种需求。我们的专业团队将为您量身定制最合适的服务。</p>
                            <a href="#contact" class="btn">了解更多</a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="service-box stagger-item" data-delay="0.2">
                            <div class="service-icon">
                                <i class="fas fa-laptop"></i>
                            </div>
                            <h3>服务二</h3>
                            <p>服务二的详细描述，我们提供专业的解决方案，满足您的各种需求。我们的专业团队将为您量身定制最合适的服务。</p>
                            <a href="#contact" class="btn">了解更多</a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="service-box stagger-item" data-delay="0.4">
                            <div class="service-icon">
                                <i class="fas fa-chart-line"></i>
                            </div>
                            <h3>服务三</h3>
                            <p>服务三的详细描述，我们提供专业的解决方案，满足您的各种需求。我们的专业团队将为您量身定制最合适的服务。</p>
                            <a href="#contact" class="btn">了解更多</a>
                        </div>
                    </div>
                <?php endif; ?>
            </div>
        </div>
    </section>

    <!-- 团队区块 -->
    <section id="team" class="team-section section-padding">
        <div class="container">
            <div class="section-heading light">
                <h2><?php echo isset($teamData['title']) ? htmlspecialchars($teamData['title']) : '我们的团队'; ?></h2>
                <p><?php echo isset($teamData['description']) ? htmlspecialchars($teamData['description']) : '专业的团队为您提供最好的服务'; ?></p>
                <div class="heading-line"></div>
            </div>
            <div class="row">
                <?php if (isset($teamData['members']) && !empty($teamData['members'])): ?>
                    <?php foreach ($teamData['members'] as $index => $member): ?>
                    <div class="col-lg-4 col-md-6">
                        <div class="team-member animated-element" data-animation="fadeInUp" data-delay="<?php echo 0.2 * ($index + 1); ?>s">
                            <div class="member-image">
                                <?php if (!empty($member['image'])): ?>
                                <img src="<?php echo $upload_url . htmlspecialchars($member['image']); ?>" alt="<?php echo htmlspecialchars($member['name']); ?>">
                                <?php else: ?>
                                <div class="placeholder-image">
                                    <i class="fas fa-user"></i>
                                </div>
                                <?php endif; ?>
                            </div>
                            <div class="member-info">
                                <h3><?php echo htmlspecialchars($member['name']); ?></h3>
                                <p class="position"><?php echo htmlspecialchars($member['position']); ?></p>
                                <p class="bio"><?php echo $member['bio']; ?></p>
                            </div>
                        </div>
                    </div>
                    <?php endforeach; ?>
                <?php else: ?>
                    <div class="col-lg-4 col-md-6">
                        <div class="team-member animated-element" data-animation="fadeInUp" data-delay="0.2s">
                            <div class="member-image">
                                <div class="placeholder-image">
                                    <i class="fas fa-user"></i>
                                </div>
                            </div>
                            <div class="member-info">
                                <h3>团队成员1</h3>
                                <p class="position">职位1</p>
                                <p class="bio">个人简介</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="team-member animated-element" data-animation="fadeInUp" data-delay="0.4s">
                            <div class="member-image">
                                <div class="placeholder-image">
                                    <i class="fas fa-user"></i>
                                </div>
                            </div>
                            <div class="member-info">
                                <h3>团队成员2</h3>
                                <p class="position">职位2</p>
                                <p class="bio">个人简介</p>
                            </div>
                        </div>
                    </div>
                <?php endif; ?>
            </div>
        </div>
    </section>

    <!-- 客户区块 -->
    <section id="clients" class="clients-section section-padding">
        <div class="container">
            <div class="section-heading">
                <h2><?php echo isset($clientsData['title']) ? htmlspecialchars($clientsData['title']) : '客户案例'; ?></h2>
                <p><?php echo isset($clientsData['description']) ? htmlspecialchars($clientsData['description']) : '我们服务过的客户'; ?></p>
                <div class="heading-line"></div>
            </div>
            <div class="clients-carousel">
                <?php if (isset($clientsData['items']) && !empty($clientsData['items'])): ?>
                    <?php foreach ($clientsData['items'] as $client): ?>
                    <div class="client-item">
                        <?php if (!empty($client['logo'])): ?>
                        <a href="<?php echo htmlspecialchars($client['link']); ?>" target="_blank">
                            <img src="<?php echo $upload_url . htmlspecialchars($client['logo']); ?>" alt="<?php echo htmlspecialchars($client['name']); ?>">
                        </a>
                        <?php else: ?>
                        <div class="placeholder-logo">
                            <span><?php echo htmlspecialchars($client['name']); ?></span>
                        </div>
                        <?php endif; ?>
                    </div>
                    <?php endforeach; ?>
                <?php else: ?>
                    <div class="client-item">
                        <div class="placeholder-logo">
                            <span>客户1</span>
                        </div>
                    </div>
                    <div class="client-item">
                        <div class="placeholder-logo">
                            <span>客户2</span>
                        </div>
                    </div>
                <?php endif; ?>
            </div>
        </div>
    </section>

    <!-- 联系我们区块 -->
    <section id="contact" class="contact-section section-padding">
        <div class="container">
            <div class="section-heading">
                <h2><?php echo isset($contactData['title']) ? htmlspecialchars($contactData['title']) : '联系我们'; ?></h2>
                <p><?php echo isset($contactData['description']) ? htmlspecialchars($contactData['description']) : '随时欢迎您的咨询'; ?></p>
                <div class="heading-line"></div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="contact-info animated-element" data-animation="fadeInLeft">
                        <div class="info-item">
                            <i class="fas fa-map-marker-alt"></i>
                            <h3>地址</h3>
                            <p><?php echo isset($contactData['address']) ? htmlspecialchars($contactData['address']) : '公司地址'; ?></p>
                        </div>
                        <div class="info-item">
                            <i class="fas fa-phone"></i>
                            <h3>电话</h3>
                            <p><?php echo isset($contactData['phone']) ? htmlspecialchars($contactData['phone']) : '123-456-7890'; ?></p>
                        </div>
                        <div class="info-item">
                            <i class="fas fa-envelope"></i>
                            <h3>邮箱</h3>
                            <p><?php echo isset($contactData['email']) ? htmlspecialchars($contactData['email']) : 'contact@example.com'; ?></p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="contact-map animated-element" data-animation="fadeInRight">
                        <?php
                        // 解析坐标点，新格式为"经度,纬度"
                        $mapLocation = isset($contactData['mapLocation']) ? explode(',', $contactData['mapLocation']) : array('116.404', '39.915');
                        // 确保我们传递正确的值给JavaScript
                        $lng = isset($mapLocation[0]) ? trim($mapLocation[0]) : '116.404'; // 经度
                        $lat = isset($mapLocation[1]) ? trim($mapLocation[1]) : '39.915';  // 纬度
                        $amapKey = isset($contactData['amapKey']) ? $contactData['amapKey'] : '';
                        $amapSecurityCode = isset($contactData['amapSecurityCode']) ? $contactData['amapSecurityCode'] : '';
                        ?>
                        <div id="map" data-lat="<?php echo $lat; ?>" data-lng="<?php echo $lng; ?>" data-key="<?php echo htmlspecialchars($amapKey); ?>" data-security-code="<?php echo htmlspecialchars($amapSecurityCode); ?>"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="copyright" style="margin: auto;">
                    <p><a href="https://beian.miit.gov.cn/"><?php echo $pageCopyright; ?></a></p>
                </div>
                <div class="back-to-top back-to-top-button">
                    <a href="#home"><i class="fas fa-arrow-up"></i></a>
                </div>
            </div>
        </div>
    </footer>

    <!-- JS文件引入 -->
    <script src="<?php echo $site_path; ?>assets/js/jquery-3.6.0.min.js"></script>
    <script src="<?php echo $site_path; ?>assets/js/gsap.min.js"></script>
    <script src="<?php echo $site_path; ?>assets/js/ScrollTrigger.min.js"></script>
    <script src="<?php echo $site_path; ?>assets/js/ScrollMagic.min.js"></script>
    <script src="<?php echo $site_path; ?>assets/js/swiper-bundle.min.js"></script>
    <script src="<?php echo $site_path; ?>assets/js/anime.min.js"></script>
    <script src="<?php echo $site_path; ?>assets/js/tilt.min.js"></script>
    <script src="<?php echo $site_path; ?>assets/js/particles.min.js"></script>
    <!-- 项目网格布局相关库 -->
    <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
    <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script>
    
    <!-- 高德地图API -->
    <?php if (!empty($contactData['amapKey'])): ?>
    <script type="text/javascript">
        // 定义地图初始化回调函数
        function initAMapAPI() {
            // 地图API加载完成后，main.js中的initMap会被调用
            console.log('高德地图API加载成功');
        }
    </script>
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=<?php echo htmlspecialchars($contactData['amapKey']); ?>&plugin=AMap.Scale,AMap.ToolBar&callback=initAMapAPI"></script>
    <?php endif; ?>
    
    <script src="<?php echo $site_path; ?>assets/js/main.js"></script>
    <script src="<?php echo $site_path; ?>assets/js/scroll-progress-enhancer.js"></script>
</body>
</html> 