import { computed, ref } from 'vue'
import { icons } from '../data/icons.js'

export const navItems = [
  {
    id: 'overview',
    label: '总览',
    navHint: '运营指标与趋势',
    icon: icons.dashboard,
    title: '企业报销智能运营台',
    desc: '面向财务共享中心的审批、风控、SLA与自动化运营看板'
  },
  {
    id: 'workbench',
    label: '个人工作台',
    navHint: '今日待办与报销进度',
    icon: icons.workspace,
    title: '个人工作台',
    desc: '集中处理今日待办、查看报销进度，并快速进入 AI 报销助手'
  },
  {
    id: 'requests',
    label: '差旅申请/报销',
    navHint: '差旅单据与发起申请',
    icon: icons.list,
    title: '差旅申请/报销',
    desc: '查看员工差旅报销单据、跟踪进度、发起新申请'
  },
  {
    id: 'approval',
    label: '审批中心',
    navHint: '待审批单据与批量处理',
    icon: icons.approval,
    title: '审批中心',
    desc: '统一处理待审批单据，聚焦效率、风险与 SLA'
  },
  {
    id: 'chat',
    label: 'AI助手',
    navHint: '财务知识问答与制度解释',
    icon: icons.message,
    title: '财务AI助手',
    desc: '面向员工与财务场景的智能问答助手，提供制度解读、报销指引与常见问题解答'
  },
  {
    id: 'policies',
    label: '知识管理',
    navHint: '制度、文档与知识库',
    icon: icons.file,
    title: '财务知识管理中心',
    desc: '上传制度文档、沉淀财务知识、构建面向员工问答与知识管理的统一知识库'
  },
  {
    id: 'audit',
    label: '审计追踪',
    navHint: '关键动作与日志',
    icon: icons.audit,
    title: '审计追踪',
    desc: '查看关键审批动作、AI 建议和制度命中记录'
  }
]

export function useNavigation() {
  const activeView = ref('overview')

  const currentView = computed(
    () => navItems.find((item) => item.id === activeView.value) ?? navItems[0]
  )

  function setView(view) {
    activeView.value = view
  }

  return { activeView, currentView, setView, navItems }
}