import { injectPage } from '@jdmini/api'
const { PRACTICE_TASKS } = require('../../utils/data.js')
const storage = require('../../utils/storage.js')

Page(injectPage()({
  data: {
    allTasks: PRACTICE_TASKS,
    filteredTasks: PRACTICE_TASKS,
    activeDifficulty: '全部',
    difficulties: ['全部', '入门', '初级'],
    worksRecords: [],
    completedCount: 0
  },

  onLoad() {
    this.loadData()
  },

  onShow() {
    this.loadData()
  },

  loadData() {
    const records = storage.getWorksRecords()
    const completedIds = records.map(r => r.courseId)
    const tasks = this.data.allTasks.map(t => ({
      ...t,
      done: completedIds.includes(t.courseId)
    }))
    this.setData({
      allTasks: tasks,
      filteredTasks: this.filterByDifficulty(tasks, this.data.activeDifficulty),
      completedCount: completedIds.length
    })
  },

  filterByDifficulty(tasks, diff) {
    if (diff === '全部') return tasks
    return tasks.filter(t => t.difficulty === diff)
  },

  onDifficultySwitch(e) {
    const diff = e.currentTarget.dataset.diff
    this.setData({
      activeDifficulty: diff,
      filteredTasks: this.filterByDifficulty(this.data.allTasks, diff)
    })
  },

  onTaskTap(e) {
    const { courseId, stepIndex } = e.currentTarget.dataset
    wx.navigateTo({
      url: `/pages/study-step/study-step?courseId=${courseId}&stepIndex=${stepIndex}`
    })
  },

  onShareAppMessage() {
    return { title: '画画怎么画 — 每日练习', path: '/pages/practice/practice' }
  }
}))