import { mockCustomers, mockCustomerDetail } from '../../utils/mock-data'
import type { CustomerDetail, ConsumptionRecord } from '../../utils/mock-data'
import { sortByTimestamp } from '../../utils/sort'

Page({
  data: {
    /** 页面状态 */
    pageState: 'loading' as 'loading' | 'empty' | 'normal',
    /** 客户 ID */
    customerId: '',
    /** 客户详情 */
    detail: null as CustomerDetail | null,
    /** 排序后的消费记录 */
    sortedRecords: [] as ConsumptionRecord[],
    /** AI 洞察 */
    aiInsight: {
      summary: '高价值 VIP 客户，月均到店 4-5 次，偏好夜场中式台球，近期对斯诺克产生兴趣。社交属性强，常带固定球搭子，有拉新能力。储值余额充足，对促销活动响应积极。',
      strategies: [
        { color: 'green', text: '最后到店距今 12 天，超出理想间隔 7 天，建议尽快安排助教主动联系召回' },
        { color: 'amber', text: '客户提到想练斯诺克走位，可推荐斯诺克专项课程包，结合储值优惠提升客单价' },
        { color: 'pink', text: '社交属性强，可邀请参加门店球友赛事活动，带动球搭子到店消费' },
      ],
    },
    /** 维客线索 */
    clues: [
      { category: '客户基础', categoryColor: 'primary', text: '🎂 生日 3月15日 · VIP会员 · 注册2年', source: '系统' },
      { category: '消费习惯', categoryColor: 'success', text: '🌙 常来夜场 · 月均4-5次', source: '系统' },
      { category: '消费习惯', categoryColor: 'success', text: '💰 高客单价', source: '系统', detail: '近60天场均消费 ¥420，高于门店均值 ¥180；偏好夜场时段，酒水附加消费占比 35%' },
      { category: '玩法偏好', categoryColor: 'purple', text: '🎱 偏爱中式 · 斯诺克进阶中', source: '系统' },
      { category: '促销接受', categoryColor: 'warning', text: '🍷 爱点酒水套餐 · 对储值活动敏感', source: '系统', detail: '最近3次到店均点了酒水套餐；上次 ¥5000 储值活动当天即充值，对满赠类活动响应率高' },
      { category: '社交关系', categoryColor: 'pink', text: '👥 常带朋友 · 固定球搭子2人', source: '系统', detail: '近60天 80% 的到店为多人局，常与「李哥」「阿杰」同行；曾介绍2位新客办卡' },
      { category: '重要反馈', categoryColor: 'error', text: '⚠️ 上次提到想练斯诺克走位，对球桌维护质量比较在意，建议优先安排VIP房', source: '小燕' },
    ],
    /** Banner 统计 */
    bannerStats: {
      balance: '¥8,600',
      spend60d: '¥2,800',
      idealInterval: '7天',
      daysSinceVisit: '12天',
    },
    /** 助教任务 */
    coachTasks: [
      {
        name: '小燕',
        level: '高级助教',
        levelColor: 'pink',
        taskType: '高优先召回',
        taskColor: 'red',
        lastService: '02-20 21:30 · 2.5h',
        bgClass: 'coach-card-red',
        metrics: [
          { label: '近60天次数', value: '18次', color: 'primary' },
          { label: '总时长', value: '17h', color: '' },
          { label: '次均时长', value: '0.9h', color: 'warning' },
        ],
      },
      {
        name: '泡芙',
        level: '中级助教',
        levelColor: 'purple',
        taskType: '关系构建',
        taskColor: 'pink',
        lastService: '02-15 14:00 · 1.5h',
        bgClass: 'coach-card-pink',
        metrics: [
          { label: '近60天次数', value: '12次', color: 'primary' },
          { label: '总时长', value: '11h', color: '' },
          { label: '次均时长', value: '0.9h', color: 'warning' },
        ],
      },
    ],
    /** 最喜欢的助教 */
    favoriteCoaches: [
      {
        name: '小燕',
        emoji: '❤️',
        relationIndex: '0.92',
        indexColor: 'success',
        bgClass: 'fav-card-pink',
        stats: [
          { label: '基础', value: '12h', color: 'primary' },
          { label: '激励', value: '5h', color: 'warning' },
          { label: '上课', value: '18次', color: '' },
          { label: '充值', value: '¥5,000', color: 'success' },
        ],
      },
      {
        name: '泡芙',
        emoji: '💛',
        relationIndex: '0.78',
        indexColor: 'warning',
        bgClass: 'fav-card-amber',
        stats: [
          { label: '基础', value: '8h', color: 'primary' },
          { label: '激励', value: '3h', color: 'warning' },
          { label: '上课', value: '12次', color: '' },
          { label: '充值', value: '¥3,000', color: 'success' },
        ],
      },
    ],
  },

  onLoad(options) {
    const id = options?.id || ''
    this.setData({ customerId: id })
    this.loadData(id)
  },

  loadData(id: string) {
    this.setData({ pageState: 'loading' })

    setTimeout(() => {
      // TODO: 替换为真实 API 调用
      // 先从 mockCustomers 查找基本信息，再用 mockCustomerDetail 补充
      const customer = mockCustomers.find((c) => c.id === id)
      const detail = customer
        ? { ...mockCustomerDetail, id: customer.id, name: customer.name, heartScore: customer.heartScore, tags: customer.tags }
        : mockCustomerDetail

      if (!detail) {
        this.setData({ pageState: 'empty' })
        return
      }

      const sorted = sortByTimestamp(detail.consumptionRecords || [], 'date') as ConsumptionRecord[]
      this.setData({
        pageState: 'normal',
        detail,
        sortedRecords: sorted,
      })
    }, 500)
  },

  /** 发起对话 */
  onStartChat() {
    const id = this.data.customerId || this.data.detail?.id || ''
    wx.navigateTo({
      url: `/pages/chat/chat?customerId=${id}`,
      fail: () => wx.showToast({ title: '页面跳转失败', icon: 'none' }),
    })
  },

  /** 添加备注 */
  onAddNote() {
    wx.showToast({ title: '备注功能开发中', icon: 'none' })
  },

  /** 查看服务记录 */
  onViewServiceRecords() {
    const id = this.data.customerId || this.data.detail?.id || ''
    wx.navigateTo({
      url: `/pages/customer-service-records/customer-service-records?customerId=${id}`,
      fail: () => wx.showToast({ title: '页面跳转失败', icon: 'none' }),
    })
  },

  /** 返回 */
  onBack() {
    wx.navigateBack()
  },
})