import { request } from '../utils/request'
import * as auth from '../utils/auth'
import { STORAGE_KEYS } from '../utils/config'

// 未读红点轮询最小间隔，避免频繁切 tab 时重复打接口
const SYNC_INTERVAL = 30 * 1000
let lastSyncAt = 0

Component({
  data: {
    selected: 0,
    unread: 0,
    list: [
      { pagePath: '/pages/wardrobe/wardrobe', text: '衣橱', icon: 'icon-hanger' },
      { pagePath: '/pages/outfit/outfit', text: '穿搭', icon: 'icon-shirt' },
      { pagePath: '/pages/horoscope/horoscope', text: '运势', icon: 'icon-sparkles' },
      { pagePath: '/pages/closet-share/closet-share', text: '分享', icon: 'icon-share' },
      { pagePath: '/pages/profile/profile', text: '我的', icon: 'icon-user' },
    ],
  },

  lifetimes: {
    attached() {
      // 首帧渲染流程结束后再更新：先用缓存渲染红点，未登录时不再发请求（否则会批量 401 并触发重定向）
      const cached = (wx.getStorageSync(STORAGE_KEYS.UNREAD) as number) || 0
      wx.nextTick(() => {
        this.setData({ unread: cached })
        this.syncUnread()
      })
    },
  },

  methods: {
    // 直接更新红点（供页面在已知数量时调用，不再触发二次请求）
    setUnread(n: number) {
      const unread = Number(n) || 0
      wx.setStorageSync(STORAGE_KEYS.UNREAD, unread)
      this.setData({ unread })
    },

    // 拉取未读数：仅登录态才请求，且做节流
    syncUnread(force?: boolean) {
      if (!auth.isLoggedIn()) {
        this.setUnread(0)
        return
      }
      const now = Date.now()
      if (!force && now - lastSyncAt < SYNC_INTERVAL) return
      lastSyncAt = now

      request<{ unread_count: number }>({
        url: '/notification/unread',
        showError: false,
        silentAuth: true,
      })
        .then((res) => this.setUnread(res.unread_count || 0))
        .catch(() => {})
    },

    switchTab(e: WechatMiniprogram.TouchEvent) {
      const { path, index } = e.currentTarget.dataset as { path: string; index: number }
      wx.switchTab({ url: path })
      this.setData({ selected: index })
    },
  },
})