<template>
  <up-popup :show="popShow" mode="bottom" @close="closePop" :safeAreaInsetBottom="true" bgColor="#1c1c1e">
    <view class="popup-contain">
      <view class="pop-header">
        <view class="back-btn" @click="closePop">
          <uni-icons type="down" size="24" color="#fff" />
        </view>
        <text class="pop-title">修改动作训练组</text>
        <view class="save-btn" @click="saveEdit">保存修改</view>
      </view>
      <!-- 核心：单个dongzuo，只渲染当前选中的unit -->
      <scroll-view class="pop-content" scroll-y>
        <dongzuo v-if="isRenderDongzuo" :id="currUnit.unitId" :type="currUnit.unitType" :actionDetail="convertAction"
          :unitIndex="currUnitIndex" ref="dongzuoSingleRef" @deleteAction.prevent="handleDeleteAction"
          @replace-action.prevent="handleReplaceAction" :is-daily-templates="true" />
      </scroll-view>
    </view>

  </up-popup>
</template>

<script setup>
import { ref, defineExpose, computed, nextTick, watch } from 'vue'
import dongzuo from '@/pages/xunji/components/dongzuo-lianxi/dongzuo.vue'
import { useTrainingStore } from '@/sheep/store/trainingStore'
import dailytemplateApi from '@/sheep/api/Template/Dailytemplate'
import { useTemplateActionStore } from '@/sheep/store/templateAction'
import SupersetsApi from '@/sheep/api/motion/supersets';
import ExercisesApi from '@/sheep/api/motion/exercises';

const needReplaceUnit = ref(false)
const templateStore = useTemplateActionStore()

const trainingStore = useTrainingStore()
const emit = defineEmits(['saveSuccess'])
// 弹窗控制
const popShow = ref(false)
// dongzuo实例ref，用于收集修改后数据
const dongzuoSingleRef = ref(null)

const isRenderDongzuo = ref(false)

// 标记是否需要删除当前动作组
const needDeleteUnit = ref(false)

watch(
  () => templateStore.replaceId,
  (id) => {
    if (id) {
      needReplaceUnit.value = true
      uni.showToast({
        title: '已标记替换',
        icon: 'success'
      })
    }
  }
)

// 原watch不动，补充拉取新数据、替换source.unit
watch(
  () => templateStore.replaceId,
  async (id) => {
    if (id) {
      needReplaceUnit.value = true
      uni.showToast({ title: '已标记替换', icon: 'success' })
      // 新增代码：拉取新动作，替换弹窗数据源，触发页面刷新
      const rid = templateStore.replaceId
      const rtype = templateStore.replaceType
      let res, detail
      if (rtype === 1) res = await ExercisesApi.getExerciseById(rid)
      else res = await SupersetsApi.getSupersetsInfo(rid)
      detail = res.data
      // 拼装新unit覆盖原sourceInfo.unit
      let newUnit
      if (rtype === 1) {
        newUnit = {
          unitType: 1, unitId: detail.id, unitName: detail.name,
          exercises: [{ exerciseId: detail.id, exerciseName: detail.name, exerciseType: detail.exerciseType, urlImage: detail.urlImage || detail.url3dAnimation, categoryDescription: detail.categoryDescription || '', equipmentDescription: detail.equipmentDescription || '', sets: [] }]
        }
      } else {
        newUnit = {
          unitType: 2, unitId: detail.id, unitName: detail.name,
          exercises: detail.exercises.map(e => ({ exerciseId: e.id, exerciseName: e.name, exerciseType: e.exerciseType, urlImage: e.urlImage || e.url3dAnimation, sets: [] }))
        }
      }
      sourceInfo.value.unit = newUnit
      // 销毁重建dongzuo实现刷新
      isRenderDongzuo.value = false
      await nextTick()
      isRenderDongzuo.value = true
    }
  }
)


// 缓存打开弹窗传入的数据
let sourceInfo = ref({
  unit: null,
  unitIndex: null,
  dailyTemplate: null
})
// 当前操作的unit和下标
const currUnit = computed(() => sourceInfo.value.unit || {})
const currUnitIndex = computed(() => sourceInfo.value.unitIndex ?? 0)

// 格式化数据：统一 动作 / 超级组 结构 → 给 dongzuo 组件用
const formatDongzuoData = (unit) => {
  if (!unit) return {}

  // 1. 普通动作 type=1
  if (unit.unitType === 1) {
    const ex = unit.exercises?.[0] || {}
    return {
      id: ex.exerciseId,
      name: ex.exerciseName,
      urlImage: ex.urlImage,
      exerciseType: ex.exerciseType,
      categoryDescription: ex.categoryDescription || '',
      equipmentDescription: ex.equipmentDescription || '',
    }
  }

  // 2. 超级组 type=2
  if (unit.unitType === 2) {
    return {
      id: unit.unitId,
      name: unit.unitName || '超级组',
      // 超级组需要把子动作全部格式化
      exercises: unit.exercises?.map(ex => ({
        id: ex.exerciseId,
        name: ex.exerciseName,
        urlImage: ex.urlImage,
        exerciseType: ex.exerciseType,
      })) || []
    }
  }

  return {}
}

const handleDeleteAction = () => {
  console.log('父组件处理删除动作')
  needDeleteUnit.value = true
  isRenderDongzuo.value = false
}

// ==================== 新增：子组件抛过来的动作替换 ====================
const handleReplaceAction = () => {
  console.log('父组件处理动作替换')
  emit('saveSuccess')
}

const convertAction = computed(() => {
  if (!sourceInfo.value.unit) return {}
  // 使用统一格式化后的数据
  return formatDongzuoData(sourceInfo.value.unit)
})

// 【对外暴露open方法，父页面调用打开弹窗】
const open = async (info) => {

  isRenderDongzuo.value = false
  needDeleteUnit.value = false

  console.log('info=', info);
  // 每次打开先清空当前store临时数据，避免上次缓存污染
  trainingStore.clearTrainingStore()

  sourceInfo.value = JSON.parse(JSON.stringify(info))
  // 关键：手动初始化当前unit的sets数据到Pinia.unitRecords（复用initTemplateRecords逻辑）
  const unit = sourceInfo.value.unit
  const unitIdx = sourceInfo.value.unitIndex
  let records = {}
  const exercises = unit.exercises || []
  console.log('后端传来的修改动作组的exercises', exercises);
  exercises.forEach(ex => {
    const sets = ex.sets || []
    // 后端sets → 转为dongzuo的record格式
    const arr = sets.map(set => {
      const totalSec = set.duration || 0
      const h = String(Math.floor(totalSec / 3600)).padStart(2, '0')
      const m = String(Math.floor((totalSec % 3600) / 60)).padStart(2, '0')
      const s = String(totalSec % 60).padStart(2, '0')
      return {
        weight: set.weight ?? '',
        reps: set.reps ?? '',
        duration: set.duration ?? '',
        distance: set.distance ?? '',
        restTime: set.restTime ?? '',
        h, m, s,
        quickTimeDisplay: (set.restTime || 60) + 's',
        isActive: (set.isCompleted ?? 0) === 1
      }
    })
    records[ex.exerciseId] = arr
  })

  console.log('赋值之后的records', records);

  // 存入Pinia对应unitIndex
  trainingStore.saveUnitRecord(unitIdx, { records, userWeight: 70 })
  await nextTick()
  await nextTick()
  // 打开弹窗
  console.log('存入后全局仓库unitRecords：', JSON.parse(JSON.stringify(trainingStore.unitRecords)))
  isRenderDongzuo.value = true
  popShow.value = true
}

// 关闭弹窗
const closePop = () => {
  popShow.value = false
  isRenderDongzuo.value = false
  // 关闭清空临时数据
  trainingStore.clearTrainingStore()
}

// 【保存修改：核心，组装参数调用更新接口】
const saveEdit = async () => {
  if (!dongzuoSingleRef.value) return uni.showToast({ title: '获取数据失败', icon: 'none' })
  const { unit, unitIndex, dailyTemplate } = sourceInfo.value

  // ================== 新增：删除逻辑 ==================
  if (needDeleteUnit.value) {
    // 1. 复制所有 unit，删掉当前这个
    const allUnits = [...dailyTemplate.units]
    allUnits.splice(unitIndex, 1)

    // 2. 调用你原来的保存接口
    try {
      await dailytemplateApi.updateDailyTemplate({
        dailyTemplateId: dailyTemplate.id,
        units: allUnits
      })
      uni.showToast({ title: '删除成功', icon: 'success' })
      emit('saveSuccess')
      closePop()
    } catch (err) {
      uni.showToast({ title: '删除失败', icon: 'none' })
    }
    // 直接 return，不执行后面的修改逻辑
    return
  }
  // ====================================================

  // ========================替换
  if (needReplaceUnit.value) {
    const replaceId = templateStore.replaceId
    const replaceType = templateStore.replaceType

    if (!replaceId || !replaceType) {
      uni.showToast({ title: '替换异常', icon: 'none' })
      return
    }

    try {
      let detail = null

      // ======================
      // 👇 完全移植你现成的接口逻辑
      // ======================
      if (replaceType === 1) {
        // 普通动作
        const res = await ExercisesApi.getExerciseById(replaceId)
        detail = res.data
      } else if (replaceType === 2) {
        // 超级组
        const res = await SupersetsApi.getSupersetsInfo(replaceId)
        detail = res.data
      }

      if (!detail) {
        uni.showToast({ title: '获取动作详情失败', icon: 'none' })
        return
      }

      // ======================
      // 组装 newUnit
      // ======================
      let newUnit = null

      if (replaceType === 1) {
        newUnit = {
          unitType: 1,
          unitId: detail.id,
          unitName: detail.name,
          exercises: [
            {
              exerciseId: detail.id,
              exerciseName: detail.name,
              exerciseType: detail.exerciseType,
              urlImage: detail.urlImage || detail.url3dAnimation,
              categoryDescription: detail.categoryDescription || '',
              equipmentDescription: detail.equipmentDescription || '',
              sets: []
            }
          ]
        }
      } else if (replaceType === 2) {
        newUnit = {
          unitType: 2,
          unitId: detail.id,
          unitName: detail.name,
          exercises: detail.exercises.map(e => ({
            exerciseId: e.id,
            exerciseName: e.name,
            exerciseType: e.exerciseType,
            urlImage: e.urlImage || e.url3dAnimation,
            sets: []
          }))
        }
      }

      // ======================
      // 替换到模板数组
      // ======================
      const allUnits = [...dailyTemplate.units]
      allUnits[unitIndex] = newUnit

      console.log('allUnits[unitIndex]=', allUnits[unitIndex]);

      await dailytemplateApi.updateDailyTemplate({
        dailyTemplateId: dailyTemplate.id,
        units: allUnits
      })

      uni.showToast({ title: '替换成功', icon: 'success' })
      emit('saveSuccess')
      closePop()
      return

    } catch (err) {
      uni.showToast({ title: '替换失败', icon: 'none' })
    } finally {
      // 最后清空
      templateStore.clearReplaceAction()
    }
  }

  let targetExercises = [...unit.exercises]
  if (unit.unitType === 1) {
    // 单动作：exercises只有1个
    const exItem = targetExercises[0]
    // expose出来的recordList
    const newSets = dongzuoSingleRef.value.recordList.map((item, idx) => {
      // 组件数据转回后端sets结构（和原页面save组装逻辑一致）
      const duration = Number(item.h) * 3600 + Number(item.m) * 60 + Number(item.s) || 0
      const rest = Number(item.quickTimeDisplay.replace('s', '')) || 0
      return {
        setIndex: idx + 1,
        weight: Number(item.weight) || 0,
        reps: Number(item.reps) || 0,
        distance: Number(item.distance) || 0,
        duration,
        restTime: rest,
        isCompleted: item.isActive ? 1 : 0
      }
    })
    exItem.sets = newSets
  } else if (unit.unitType === 2) {
    // 超级组：superRecordMap{exId:[]}
    const superMap = dongzuoSingleRef.value.superRecordMap
    targetExercises.forEach(ex => {
      const setArr = superMap[ex.exerciseId] || []
      ex.sets = setArr.map((item, idx) => {
        const duration = Number(item.h) * 3600 + Number(item.m) * 60 + Number(item.s) || 0
        const rest = Number(item.quickTimeDisplay.replace('s', '')) || 0
        return {
          setIndex: idx + 1,
          weight: Number(item.weight) || 0,
          reps: Number(item.reps) || 0,
          distance: Number(item.distance) || 0,
          duration,
          restTime: rest,
          isCompleted: item.isActive ? 1 : 0
        }
      })
    })
  }
  // 2、组装整份units：只替换当前修改的这个unit，其余units保持原样
  const allUnits = [...dailyTemplate.units]
  allUnits[unitIndex] = {
    ...unit,
    exercises: targetExercises
  }
  // 3、调用每日模板更新接口
  try {
    await dailytemplateApi.updateDailyTemplate({
      dailyTemplateId: dailyTemplate.id, // 当前每日模板主键id
      units: allUnits
    })
    uni.showToast({ title: '修改成功', icon: 'success' })
    popShow.value = false
    // 通知父页面刷新列表
    emit('saveSuccess')
    trainingStore.clearTrainingStore()
  } catch (err) {
    console.error(err)
    uni.showToast({ title: '修改失败', icon: 'none' })
  }
}

// 向外暴露open方法给父组件调用
defineExpose({ open })

</script>

<style lang="scss" scoped>
.popup-contain {
  width: 100%;
  max-height: 75vh;

}

.pop-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30rpx;
  color: #fff;

  .back-btn {
    font-size: 32rpx;
    color: #fff;
  }

  .pop-title {
    font-size: 34rpx;
    font-weight: bold;
  }

  .save-btn {
    background: #ffc107;
    color: #000;
    padding: 12rpx 30rpx;
    border-radius: 30rpx;
    font-size: 28rpx;
  }
}

.pop-content {
  // padding: 0 20rpx 120rpx;
  margin: 0 20rpx;
  height: calc(100vh - 120rpx);
  background: #f5b5b5;
  max-height: 70vh;
}
</style>