const app = getApp();
const planSvc = require('../../services/plan');
const { iconName } = require('../../utils/icon-name');

Page({
  data: {
    statusBarHeight: 20,
    id: '',
    plan: null,
    exercises: [],
    loading: true
  },

  onLoad(query) {
    const id = query.id || '';
    this.setData({ statusBarHeight: app.globalData.statusBarHeight || 20, id });
    this.load();
  },

  load() {
    this.setData({ loading: true });
    planSvc.get(this.data.id).then((plan) => {
      const raw = plan && plan.updatedAt;
      const updatedAtText = typeof raw === 'string'
        ? raw.slice(0, 10)
        : (raw ? String(raw).slice(0, 10) : '');
      this.setData({
        plan: { ...plan, updatedAtText, icon: iconName(plan.emoji) },
        exercises: (plan && plan.exercises) || [],
        loading: false
      });
    }).catch(() => {
      this.setData({ loading: false });
    });
  },

  onRemoveExercise(e) {
    const exerciseId = e.currentTarget.dataset.id;
    planSvc.removeExercise(this.data.id, exerciseId).then(() => {
      this.setData({ exercises: this.data.exercises.filter(i => i.id !== exerciseId) });
      wx.showToast({ title: '已移除', icon: 'none' });
    }).catch(() => {});
  },

  onExercise(e) {
    if (!e || !e.detail || !e.detail.id) return;
    wx.navigateTo({
      url: '/pages/detail/detail?planId=' + encodeURIComponent(this.data.id) +
        '&id=' + encodeURIComponent(e.detail.id)
    });
  },

  onAdd() {
    wx.navigateTo({ url: '/pages/search/search?mode=select&planId=' + encodeURIComponent(this.data.id) });
  },

  onEdit() {
    wx.navigateTo({ url: '/pages/plan-edit/plan-edit?mode=edit&id=' + encodeURIComponent(this.data.id) });
  },

  onDelete() {
    wx.showModal({
      title: '删除计划',
      content: '确定要删除该训练计划吗？此操作不可恢复。',
      confirmColor: '#FF5C5C',
      success: (res) => {
        if (res.confirm) {
          planSvc.remove(this.data.id).then(() => {
            wx.showToast({ title: '已删除', icon: 'success' });
            setTimeout(() => wx.navigateBack(), 500);
          }).catch(() => {});
        }
      }
    });
  }
});