/* app-nav.js — 统一导航组件（YCat V6）
 * 注入一致的顶部导航 + 页脚，自动根据当前文件名高亮 active。
 * 依赖 css/layout.css 已定义的 .header / .nav-links / .logo / .site-footer 等样式。
 * 用法：将页面原有 <header> 替换为 <div id="app-nav"></div>，
 *       将原有 <footer> 替换为 <div id="app-footer"></div>，
 *       并在 </body> 前引入本脚本。
 */
(function () {
  'use strict';

  // 规范导航项（与 layout.css 设计令牌一致的青绿主题）
  var NAV = [
    { href: 'editor.html', icon: '✏️', label: '写文章' },
    { href: 'articles.html', icon: '📄', label: '文章管理' },
    { href: 'media.html', icon: '📦', label: '媒体库' },
    { href: 'distribute.html', icon: '🚀', label: '分发' },
    { href: 'scheduled.html', icon: '⏰', label: '定时发布' },
    { href: 'dashboard.html', icon: '📊', label: '看板' },
    { href: 'team.html', icon: '👥', label: '团队' },
    { href: 'series.html', icon: '📚', label: '专题' },
    { href: 'comments.html', icon: '💬', label: '评论' },
    { href: 'trash.html', icon: '🗑️', label: '回收站' },
    { href: 'versions.html', icon: '📋', label: '版本历史' },
    { href: 'search.html', icon: '🔍', label: '搜索' },
    { href: 'import.html', icon: '📥', label: '导入' },
    { href: 'templates.html', icon: '📋', label: '模板' },
    { href: 'activity.html', icon: '📋', label: '日志' },
    { href: 'help.html', icon: '📖', label: '帮助' },
    { href: 'shortcuts.html', icon: '⌨️', label: '快捷键' },
    { href: 'feedback.html', icon: '💬', label: '反馈中心' }
  ];

  var FOOTER_LINKS = [
    { href: 'help.html', label: '帮助文档' },
    { href: 'shortcuts.html', label: '快捷键' },
    { href: 'feedback.html', label: '反馈中心' },
    { href: 'about.html', label: '关于我们' },
    { href: 'pricing.html', label: '定价方案' }
  ];

  function currentPage() {
    var p = location.pathname.split('/').pop();
    return p || 'index.html';
  }

  function esc(s) {
    return String(s).replace(/[&<>"]/g, function (c) {
      return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c];
    });
  }

  function renderHeader() {
    var cur = currentPage();
    var links = NAV.map(function (n) {
      var active = n.href === cur ? ' class="active"' : '';
      return '<a href="' + n.href + '"' + active + '>' + n.icon + ' ' + esc(n.label) + '</a>';
    }).join('\n                ');

    var html =
      '    <!-- Unified Header (shared via app-nav.js) -->\n' +
      '    <header class="header">\n' +
      '        <div class="header-left">\n' +
      '            <a href="index.html" class="logo">\n' +
      '                <div class="logo-icon">🐱</div>\n' +
      '                <span class="logo-text">YCat Editor</span>\n' +
      '            </a>\n' +
      '            <nav class="nav-links">\n                ' + links + '\n' +
      '            </nav>\n' +
      '        </div>\n' +
      '        <div class="header-right">\n' +
      '            <button class="theme-toggle" id="theme-toggle-btn" onclick="if(window.toggleTheme)toggleTheme();" title="切换主题">🌙</button>\n' +
      '            <div id="notifBell"></div>\n' +
      '            <div class="user-info">\n' +
      '                <div class="user-avatar" id="userAvatar">?</div>\n' +
      '                <div>\n' +
      '                    <div class="user-name" id="userName">加载中...</div>\n' +
      '                    <div class="user-plan" id="userPlan">-</div>\n' +
      '                </div>\n' +
      '                <a href="settings.html" style="color:var(--text-muted);text-decoration:none;font-size:14px;margin-left:10px;" title="账户设置">⚙️</a>\n' +
      '                <button class="logout-btn" onclick="if(window.AUTH&&AUTH.logout)AUTH.logout();else if(location.href=\'login.html\',1);">退出</button>\n' +
      '            </div>\n' +
      '        </div>\n' +
      '    </header>';
    return html;
  }

  function renderFooter() {
    var links = FOOTER_LINKS.map(function (f, i) {
      var sep = i < FOOTER_LINKS.length - 1 ? '<span class="sep">·</span>' : '';
      return '<a href="' + f.href + '">' + esc(f.label) + '</a>' + sep;
    }).join('\n      ');
    return (
      '<!-- Global Site Footer (shared via app-nav.js) -->\n' +
      '<footer class="site-footer">\n' +
      '  <div class="footer-inner">\n' +
      '    <div class="footer-brand">\n' +
      '      <svg viewBox="0 0 24 24" fill="none"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z" fill="var(--brand)"/></svg>\n' +
      '      YCat Editor\n' +
      '    </div>\n' +
      '    <div class="footer-links">\n      ' + links + '\n' +
      '      <div class="footer-social">\n' +
      '        <a href="#" title="GitHub"><svg viewBox="0 0 24 24"><path d="M12 2C6.477 2 2 6.477 2 12c0 4.42 2.865 8.166 6.839 9.489.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.603-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.463-1.11-1.463-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.578 9.578 0 0112 6.836a9.59 9.59 0 012.504.337c1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.202 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.578.688.48C19.138 20.163 22 16.418 22 12c0-5.523-4.477-10-10-10z"/></svg></a>\n' +
      '      </div>\n' +
      '    </div>\n' +
      '    <div class="footer-right">© 2026 YCat Editor. 智能内容创作平台</div>\n' +
      '  </div>\n' +
      '</footer>'
    );
  }

  function mount(id, html) {
    var el = document.getElementById(id);
    if (el) el.outerHTML = html;
  }

  document.addEventListener('DOMContentLoaded', function () {
    mount('app-nav', renderHeader());
    mount('app-footer', renderFooter());
    // 同步用户名（若 auth.js 已加载）
    try {
      if (window.AUTH && AUTH.currentUser) {
        var u = AUTH.currentUser();
        if (u) {
          var n = document.getElementById('userName');
          var a = document.getElementById('userAvatar');
          var p = document.getElementById('userPlan');
          if (n) n.textContent = u.username || '用户';
          if (a) a.textContent = (u.username || 'U').charAt(0).toUpperCase();
          if (p) p.textContent = u.plan || '-';
        }
      }
    } catch (e) { /* 忽略：部分页面无登录态 */ }
  });
})();