import { ref, computed } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
import { addStudentProject, updateStudentProject } from '../../api/studentProject';

export default {
    setup() {
        const form = ref({
            // Note: form fields map to MainStudentProjectBo fields
            name: '',
            role: '',
            startTime: '',
            endTime: '',
            desc: '',
            performance: '',
            link: ''
        });

        // "Wait for complete" logic: mandatory fields
        const isComplete = computed(() => {
            return !!(form.value.name &&
                form.value.role &&
                form.value.startTime &&
                form.value.desc);
        });

        const editIndex = ref(-1);
        const isEdit = computed(() => editIndex.value !== -1);

        onLoad((options) => {
            if (options && options.index !== undefined) {
                editIndex.value = parseInt(options.index);
                const data = uni.getStorageSync('edit_data_project');
                if (data) {
                    // 映射后端字段到表单字段
                    form.value = {
                        id: data.id,
                        name: data.projectName || data.name || '',
                        role: data.role || '',
                        startTime: data.startTime || '',
                        endTime: data.endTime || '',
                        desc: data.description || data.desc || '',
                        performance: data.achievement || data.performance || '',
                        link: data.link || ''
                    };
                }
            }
            uni.setNavigationBarTitle({ title: isEdit.value ? '修改项目经历' : '添加项目经历' });
        });

        const goBack = () => {
            uni.navigateBack();
        };

        const yearOptions = [];
        const monthOptions = [];
        const currentYear = new Date().getFullYear();
        for (let i = 1990; i <= currentYear + 10; i++) {
            yearOptions.push(i + '年');
        }
        for (let i = 1; i <= 12; i++) {
            monthOptions.push((i < 10 ? '0' + i : i) + '月');
        }

        const showDatePicker = ref(false);
        const datePickerType = ref('start'); // 'start' or 'end'
        const datePickerValue = ref([currentYear - 1990, 0]); // 默认当前年 1月
        const tempStartTime = ref('');
        const tempEndTime = ref('');

        const switchDateTab = (type) => {
            datePickerType.value = type;
            const target = type === 'start' ? tempStartTime.value : tempEndTime.value;
            if (target && target !== '至今') {
                const parts = target.split('.');
                let yIdx = yearOptions.indexOf(parts[0] + '年');
                let mIdx = monthOptions.indexOf(parts[1] + '月');
                if (yIdx === -1) yIdx = currentYear - 1990;
                if (mIdx === -1) mIdx = 0;
                datePickerValue.value = [yIdx, mIdx];
            } else {
                datePickerValue.value = [currentYear - 1990, 0];
                if (type === 'start' && !tempStartTime.value) {
                    tempStartTime.value = `${currentYear}.01`;
                }
            }
        };

        const openDatePicker = (type) => {
            tempStartTime.value = form.value.startTime;
            tempEndTime.value = form.value.endTime;
            showDatePicker.value = true;
            switchDateTab(type);
        };

        const closeDatePicker = () => {
            showDatePicker.value = false;
        };

        const onDatePickerChange = (e) => {
            datePickerValue.value = e.detail.value;
            const yIdx = datePickerValue.value[0] !== undefined ? datePickerValue.value[0] : (currentYear - 1990);
            const mIdx = datePickerValue.value[1] !== undefined ? datePickerValue.value[1] : 0;
            const yVal = yearOptions[yIdx].replace('年', '');
            const mVal = monthOptions[mIdx].replace('月', '');
            const formatted = `${yVal}.${mVal}`;

            if (datePickerType.value === 'start') {
                tempStartTime.value = formatted;
            } else {
                tempEndTime.value = formatted;
            }
        };

        const confirmDatePicker = () => {
            form.value.startTime = tempStartTime.value;
            form.value.endTime = tempEndTime.value;
            showDatePicker.value = false;
        };

        const saveForm = async () => {
            if (!isComplete.value) return;

            uni.showLoading({ title: '保存中...' });

            try {
                const userInfo = uni.getStorageSync('userInfo');
                const studentId = userInfo ? userInfo.studentId : null;
                if (!studentId) {
                    uni.hideLoading();
                    uni.showToast({ title: '登录失效，请重新登录', icon: 'none' });
                    return;
                }

                const reqData = {
                    studentId: studentId,
                    projectName: form.value.name,
                    role: form.value.role,
                    startTime: form.value.startTime,
                    endTime: form.value.endTime,
                    description: form.value.desc,
                    achievement: form.value.performance,
                    link: form.value.link
                };

                if (isEdit.value) {
                    reqData.id = form.value.id;
                    const res = await updateStudentProject(reqData);
                    uni.hideLoading();
                    if (res.code === 200) {
                        uni.showToast({ title: '修改成功', icon: 'success' });
                        uni.removeStorageSync('edit_data_project');
                        setTimeout(() => {
                            uni.$emit('refresh_experience');
                            uni.navigateBack();
                        }, 1000);
                    } else {
                        uni.showToast({ title: res.msg || '修改失败', icon: 'none' });
                    }
                } else {
                    const res = await addStudentProject(reqData);
                    uni.hideLoading();
                    if (res.code === 200) {
                        uni.showToast({ title: '添加成功', icon: 'success' });
                        setTimeout(() => {
                            uni.$emit('refresh_experience');
                            uni.navigateBack();
                        }, 1000);
                    } else {
                        uni.showToast({ title: res.msg || '添加失败', icon: 'none' });
                    }
                }
            } catch (error) {
                uni.hideLoading();
                uni.showToast({ title: '网络异常，保存失败', icon: 'none' });
                console.error(error);
            }
        };

        return {
            form,
            isComplete,
            isEdit,
            goBack,
            showDatePicker,
            datePickerType,
            datePickerValue,
            yearOptions,
            monthOptions,
            tempStartTime,
            tempEndTime,
            openDatePicker,
            closeDatePicker,
            switchDateTab,
            onDatePickerChange,
            confirmDatePicker,
            saveForm
        };
    }
}