const app = getApp();
const planSvc = require('../../services/plan');

// UGC 计划图标选择器：Lucide 运动子集（非 emoji）
const ICONS = ['clipboard-list', 'dumbbell', 'flame', 'accessibility', 'person-standing',
  'bike', 'heart', 'target', 'trophy', 'medal', 'star', 'activity',
  'sparkles', 'zap', 'trending-up', 'folder-open'];
// 计划主题色：对齐 Kinetic Dark 语义色板
const COLORS = ['#B6F24E', '#2BD9A6', '#4FA8FF', '#F2B53D', '#FF5C5C', '#9BA7A1'];

Page({
  data: {
    statusBarHeight: 20,
    mode: 'new',
    id: '',
    name: '',
    description: '',
    emoji: 'clipboard-list',
    color: '#B6F24E',
    emojis: ICONS,
    colors: COLORS,
    loading: false,
    dirty: false   // 是否有未保存的修改
  },

  onLoad(query) {
    const mode = query.mode === 'edit' ? 'edit' : 'new';
    const id = query.id || '';
    this.setData({ statusBarHeight: app.globalData.statusBarHeight || 20, mode, id });
    if (mode === 'edit' && id) {
      this.setData({ loading: true });
      planSvc.get(id).then((p) => {
        this.setData({
          name: p.name || '',
          description: p.description || '',
          emoji: p.emoji || 'clipboard-list',
          color: p.color || '#B6F24E',
          loading: false
        });
      }).catch(() => {
        this.setData({ loading: false });
      });
    }
  },

  onName(e) { this.setData({ name: e.detail.value, dirty: true }); },
  onDesc(e) { this.setData({ description: e.detail.value, dirty: true }); },
  onPickEmoji(e) { this.setData({ emoji: e.currentTarget.dataset.emoji, dirty: true }); },
  onPickColor(e) { this.setData({ color: e.currentTarget.dataset.color, dirty: true }); },

  // 点返回键（navbar 拦截模式）触发：有未保存改动时先确认
  onBackRequest() {
    if (!this.data.dirty) {
      wx.navigateBack();
      return;
    }
    wx.showModal({
      title: '放弃编辑？',
      content: '当前修改尚未保存，确定要退出吗？',
      confirmText: '退出',
      cancelText: '继续编辑',
      success: (res) => {
        if (res.confirm) wx.navigateBack();
      }
    });
  },

  onSave() {
    const name = (this.data.name || '').trim();
    if (!name) {
      wx.showToast({ title: '请填写计划名称', icon: 'none' });
      return;
    }
    const dto = {
      name,
      description: (this.data.description || '').trim(),
      emoji: this.data.emoji,
      color: this.data.color
    };
    wx.showLoading({ title: '保存中…', mask: true });
    const op = this.data.mode === 'edit'
      ? planSvc.update(this.data.id, dto)
      : planSvc.create(dto);
    op.then(() => {
      wx.hideLoading();
      wx.showToast({ title: '已保存', icon: 'success' });
      setTimeout(() => wx.navigateBack(), 500);
    }).catch(() => {
      wx.hideLoading();
    });
  }
});