/**
 * YCat Editor - 统一侧边栏组件 JS 组件 v1.0
 * 自动注入侧边栏HTML + 交互逻辑
 * 使用方式：<script src="/js/sidebar-nav.js"><\/script>
 */

(function() {
  'use strict';

  // 侧边栏导航菜单定义
  const NAV_GROUPS = [
    {
      label: '创作',
      items: [
        { icon: '✏️', label: '写文章', href: '/editor.html', id: 'editor' },
        { icon: '📄', label: '文章管理', href: '/articles.html', id: 'articles' },
        { icon: '📋', label: '模板库', href: '/templates.html', id: 'templates' },
        { icon: '📥', label: '导入', href: '/import.html', id: 'import' },
      ]
    },
    {
      label: '分发',
      items: [
        { icon: '🚀', label: '多平台分发', href: '/distribute.html', id: 'distribute' },
        { icon: '⏰', label: '定时发布', href: '/scheduled.html', id: 'scheduled' },
        { icon: '🔄', label: '工作流', href: '/workflow.html', id: 'workflow' },
      ]
    },
    {
      label: '数据',
      items: [
        { icon: '📊', label: '数据看板', href: '/dashboard.html', id: 'dashboard' },
        { icon: '📈', label: '高级分析', href: '/advanced-analytics.html', id: 'advanced-analytics' },
        { icon: '🎯', label: '内容策略', href: '/content-strategy.html', id: 'content-strategy' },
        { icon: '💬', label: '评论管理', href: '/comments.html', id: 'comments' },
        { icon: '🔍', label: '搜索', href: '/search.html', id: 'search' },
      ]
    },
    {
      label: '媒体',
      items: [
        { icon: '📦', label: '媒体库', href: '/media.html', id: 'media' },
        { icon: '📚', label: '专题', href: '/series.html', id: 'series' },
        { icon: '🔖', label: '收藏', href: '/bookmarks.html', id: 'bookmarks' },
      ]
    },
    {
      label: 'AI 助手',
      items: [
        { icon: '🪄', label: '智能写作助手', href: '/writing-assistant.html', id: 'writing-assistant' },
        { icon: '💡', label: '内容推荐引擎', href: '/content-recommendation.html', id: 'content-recommendation' },
        { icon: '📊', label: '关键词密度', href: '/keyword-density.html', id: 'keyword-density' },
        { icon: '💬', label: '情感分析', href: '/sentiment-analysis.html', id: 'sentiment-analysis' },
        { icon: '📖', label: '可读性分析', href: '/readability-analysis.html', id: 'readability-analysis' },
        { icon: '🔍', label: '原创性检测', href: '/originality-check.html', id: 'originality-check' },
        { icon: '⏰', label: '发布时间', href: '/publish-time-recommend.html', id: 'publish-time-recommend' },
        { icon: '📊', label: '质量评分', href: '/quality-score.html', id: 'quality-score' },
        { icon: '🎯', label: '内容策略', href: '/content-strategy.html', id: 'content-strategy-ai' },
        { icon: '🔮', label: '表现预测', href: '/content-predictor.html', id: 'content-predictor' },
      ]
    },
    {
      label: '团队',
      items: [
        { icon: '👥', label: '团队协作', href: '/team.html', id: 'team' },
        { icon: '📋', label: '版本历史', href: '/versions.html', id: 'versions' },
        { icon: '📋', label: '活动日志', href: '/activity.html', id: 'activity' },
        { icon: '📋', label: '操作日志', href: '/activity-log.html', id: 'activity-log' },
      ]
    },
    {
      label: '工具',
      items: [
        { icon: '🔥', label: '热点', href: '/hotlist.html', id: 'hotlist' },
        { icon: '⚡', label: '灵感', href: '/inspiration.html', id: 'inspiration' },
        { icon: '📅', label: '日历', href: '/calendar.html', id: 'calendar' },
        { icon: '🔍', label: '高级搜索', href: '/advanced-search.html', id: 'advanced-search' },
        { icon: '🔗', label: 'RSS阅读器', href: '/rss-reader.html', id: 'rss-reader' },
        { icon: '🔗', label: 'RSS订阅', href: '/rss.html', id: 'rss' },
        { icon: '📋', label: '差异对比', href: '/diff-viewer.html', id: 'diff-viewer' },
        { icon: '🔔', label: '通知中心', href: '/notification-center.html', id: 'notification-center' },
        { icon: '📤', label: '导出中心', href: '/export-center.html', id: 'export-center' },
      ]
    },
    {
      label: '系统',
      items: [
        { icon: '⚙️', label: '设置', href: '/settings.html', id: 'settings' },
        { icon: '🏷️', label: '标签管理', href: '/tag-manager.html', id: 'tag-manager' },
        { icon: '🗑️', label: '回收站', href: '/trash.html', id: 'trash' },
        { icon: '🛡️', label: '内容过滤', href: '/content-filter.html', id: 'content-filter' },
        { icon: '💚', label: '内容健康', href: '/content-health.html', id: 'content-health' },
        { icon: '💬', label: '反馈', href: '/feedback.html', id: 'feedback' },
        { icon: '📖', label: '帮助中心', href: '/help-center.html', id: 'help-center' },
        { icon: '📊', label: '系统状态', href: '/status-page.html', id: 'status-page' },
        { icon: '⌨️', label: '快捷键', href: '/shortcuts.html', id: 'shortcuts' },
        { icon: '📝', label: 'API 文档', href: '/api-docs.html', id: 'api-docs' },
        { icon: '📈', label: 'API 统计', href: '/api-usage-stats.html', id: 'api-usage-stats' },
        { icon: '🛠️', label: '管理后台', href: '/admin.html', id: 'admin' },
      ]
    }
  ];

  // 排除的页面（不需要侧边栏）
  const EXCLUDED_PAGES = [
    'index.html', 'login.html', 'register.html', 'pricing.html',
    'preview.html', '50x.html', 'pwa-install-test.html', 'pwa-screenshot-guide.html',
    'pwa-screenshots-guide.html', 'generate-icons.html', 'test-simple.html',
    'article-diff.html', 'accounts.html'
  ];

  // 世界杯相关页面也有自己的侧边栏，排除
  const WC_PAGES = ['worldcup.html', 'worldcup-matches.html', 'worldcup-teams.html',
    'worldcup-stats.html', 'worldcup-comments-demo.html', 'worldcup-article-detail.html',
    'worldcup-article-template.html', 'worldcup-players.html', 'worldcup-standings.html',
    'worldcup-match-detail.html', 'worldcup-team-detail.html'];

  function getCurrentPageId() {
    const path = window.location.pathname;
    const filename = path.split('/').pop() || 'index.html';
    return filename.replace('.html', '');
  }

  function shouldShowSidebar() {
    const filename = window.location.pathname.split('/').pop() || 'index.html';
    if (EXCLUDED_PAGES.includes(filename)) return false;
    if (WC_PAGES.some(p => filename.startsWith('worldcup'))) return false;
    // 排除备份文件
    if (filename.includes('backup') || filename.includes('-old-')) return false;
    return true;
  }

  function buildSidebarHTML() {
    const currentPageId = getCurrentPageId();
    let html = '<nav class="sidebar-nav" id="sidebarNav">';
    
    NAV_GROUPS.forEach(group => {
      html += '<div class="sidebar-group">';
      html += `<div class="sidebar-group-label">${group.label}</div>`;
      group.items.forEach(item => {
        const isActive = item.id === currentPageId ? ' active' : '';
        html += `<a href="${item.href}" class="nav-item${isActive}">`;
        html += `<span class="nav-icon">${item.icon}</span>`;
        html += `<span class="nav-label">${item.label}</span>`;
        html += '</a>';
      });
      html += '</div>';
    });

    html += '<div class="sidebar-bottom">';
    html += `<a href="/index.html"><span class="nav-icon">🏠</span><span class="nav-label">返回首页</span></a>`;
    html += '</div>';
    html += '</nav>';
    
    // Mobile overlay
    html += '<div class="mobile-sidebar-overlay" id="sidebarOverlay"></div>';
    
    return html;
  }

  function init() {
    if (!shouldShowSidebar()) return;

    // Add body class
    document.body.classList.add('has-sidebar');

    // Inject sidebar CSS if not already loaded
    if (!document.querySelector('link[href="/css/sidebar.css"]')) {
      const link = document.createElement('link');
      link.rel = 'stylesheet';
      link.href = '/css/sidebar.css';
      document.head.appendChild(link);
    }

    // Inject sidebar HTML after header
    const header = document.querySelector('.header, .site-header');
    if (header) {
      const sidebarContainer = document.createElement('div');
      sidebarContainer.innerHTML = buildSidebarHTML();
      // Insert after header
      header.after(...sidebarContainer.children);
    } else {
      // No header, prepend to body
      const temp = document.createElement('div');
      temp.innerHTML = buildSidebarHTML();
      document.body.prepend(...temp.children);
    }

    // Add sidebar toggle button to header
    const headerLeft = document.querySelector('.header-left, .header-nav');
    if (headerLeft && !document.querySelector('.sidebar-toggle')) {
      const toggleBtn = document.createElement('button');
      toggleBtn.className = 'sidebar-toggle';
      toggleBtn.innerHTML = '☰';
      toggleBtn.title = '切换侧边栏';
      toggleBtn.onclick = toggleSidebar;
      // Insert as first child of header-left or before nav
      if (headerLeft.classList.contains('header-left')) {
        headerLeft.after(toggleBtn);
      } else {
        headerLeft.parentElement.insertBefore(toggleBtn, headerLeft);
      }
    }

    // Overlay click to close
    const overlay = document.getElementById('sidebarOverlay');
    if (overlay) {
      overlay.addEventListener('click', closeSidebar);
    }
  }

  function toggleSidebar() {
    const sidebar = document.getElementById('sidebarNav');
    const overlay = document.getElementById('sidebarOverlay');
    if (!sidebar) return;
    sidebar.classList.toggle('open');
    if (overlay) overlay.classList.toggle('show', sidebar.classList.contains('open'));
  }

  function closeSidebar() {
    const sidebar = document.getElementById('sidebarNav');
    const overlay = document.getElementById('sidebarOverlay');
    if (sidebar) sidebar.classList.remove('open');
    if (overlay) overlay.classList.remove('show');
  }

  // Auto-init on DOMContentLoaded
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }

// 自动加载 Command Palette（全局快捷命令）
(function() {
  var s = document.createElement('script');
  s.src = '/js/command-palette.js';
  if (document.head) document.head.appendChild(s);
  else document.addEventListener('DOMContentLoaded', function() { document.head.appendChild(s); });
})();

})();