#!/bin/bash

# 统一导航栏替换脚本
# 将所有页面的导航栏替换为标准格式

NAVBAR_HTML='    <nav class="navbar">
        <div class="nav-container">
            <a href="../index.html" class="nav-logo">
                <img src="../images/logo.png" alt="ABTIDE" height="40">
            </a>
            <ul class="nav-links">
                <li class="has-dropdown">
                    <a href="../pages/products.html">产品系列</a>
                    <div class="dropdown">
                        <a href="../pages/amino-series.html">氨基酸闪释粉</a>
                        <a href="../pages/peptide-series.html">年轻态系列</a>
                        <a href="../pages/probiotics-series.html">临床级益生菌</a>
                        <a href="../pages/essentials-series.html">基础营养系列</a>
                    </div>
                </li>
                <li class="has-dropdown">
                    <a href="../pages/science.html">科研实力</a>
                    <div class="dropdown">
                        <a href="../pages/research-amino.html">氨基酸黄金比例</a>
                        <a href="../pages/research-dna.html">表观遗传学应用</a>
                        <a href="../pages/research-probiotic.html">肠道微生态研究</a>
                        <a href="../pages/research-ergo.html">细胞抗氧化营养</a>
                    </div>
                </li>
                <li class="has-dropdown">
                    <a href="../pages/solutions.html">健康方案</a>
                    <div class="dropdown">
                        <a href="../pages/quiz.html">个性化测试</a>
                        <a href="../pages/faq.html">常见问题解答</a>
                        <a href="../pages/reviews.html">用户好评</a>
                        <a href="../pages/knowledge.html">营养百科</a>
                    </div>
                </li>
                <li class="has-dropdown">
                    <a href="../pages/brand.html">品牌故事</a>
                    <div class="dropdown">
                        <a href="../pages/brand-origin.html">品牌起源</a>
                        <a href="../pages/brand-philosophy.html">品牌理念</a>
                        <a href="../pages/brand-milestones.html">发展历程</a>
                        <a href="../pages/brand-team.html">科研团队</a>
                    </div>
                </li>
            </ul>
            <a href="../pages/contact.html" class="btn-buy" style="background: #E60012;">联系我们</a>
            <button class="mobile-menu-btn" aria-label="菜单">☰</button>
        </div>
    </nav>'

echo "开始统一导航栏..."

# 需要修改的文件列表
FILES="research-amino.html research-dna.html research-ergo.html research-probiotic.html faq.html knowledge.html quiz.html reviews.html solutions.html"

for file in $FILES; do
    if [ -f "$file" ]; then
        echo "处理: $file"
        
        # 使用Python进行精确替换
        python3 << EOF
import re

with open('$file', 'r', encoding='utf-8') as f:
    content = f.read()

# 匹配导航栏模式（从 <nav class="navbar" 到 </nav>）
# 处理有内联样式和无内联样式的情况
pattern = r'<nav class="navbar"[^>]*>.*?<\/nav>'

# 替换为新导航栏
new_content = re.sub(pattern, '''$NAVBAR_HTML''', content, count=1, flags=re.DOTALL)

with open('$file', 'w', encoding='utf-8') as f:
    f.write(new_content)

print(f"  ✓ 已更新 $file")
EOF
    else
        echo "跳过: $file (不存在)"
    fi
done

echo ""
echo "导航栏统一完成！"
echo "备份位置: backup-navbar-unify-*/"
