import { sendSmsCode } from '@/api/resource/sms'
import { getAreaChildren } from '@/api/fulfiller/app'
import { listAllService } from '@/api/service/list'
import { getAgreement } from '@/api/system/agreement'



export default {
    data() {
        return {
            formData: {
                mobile: '',
                code: '',
                name: '',
                gender: 1, // 1男 2女
                birthday: '',
                password: '',
                serviceType: [],
                city: '',
                station: '',
                stationId: null
            },
            showPwd: false,
            isAgreed: false,
            serviceTypes: [],

            // 验证码倒计时
            countDown: 0,
            timer: null,

            // 日期选择器相关
            showPicker: false,
            years: [],
            months: [],
            days: [],
            pickerValue: [0, 0, 0],
            tempYear: 0,
            tempMonth: 0,
            tempDay: 0,

            // 城市选择器相关（从后端加载）
            showCityPicker: false,
            selectStep: 0,
            selectedPathway: [],
            currentList: [],
            selectedCityId: null,

            // 站点选择器相关（从后端加载）
            showStationPicker: false,
            stationList: [],

            // 协议弹窗
            showPrivacy: false,
            agreementTitle: '',    // 协议标题
            agreementContent: '',  // 协议内容
            currentAgreementId: '' // 当前协议ID
        }
    },
    created() {
        this.initDateData();
        this.loadServiceTypes();
    },
    beforeDestroy() {
        if (this.timer) clearInterval(this.timer);
    },
    methods: {
        initDateData() {
            const now = new Date();
            const currentYear = now.getFullYear();

            // 初始化年份 (1980 - 2030)
            for (let i = 1980; i <= currentYear + 5; i++) {
                this.years.push(i);
            }
            // 初始化月份
            for (let i = 1; i <= 12; i++) {
                this.months.push(i);
            }
            // 初始化日期 (默认31天, 实际应动态计算, 这里简化处理或在change中联动)
            for (let i = 1; i <= 31; i++) {
                this.days.push(i);
            }
        },

        // 打开选择器
        openPicker() {
            // 解析当前选中日期或默认日期
            const dateStr = this.formData.birthday || '2000-01-01';
            const [y, m, d] = dateStr.split('-').map(Number);

            // 查找索引
            const yIndex = this.years.indexOf(y);
            const mIndex = this.months.indexOf(m);
            const dIndex = this.days.indexOf(d);

            this.pickerValue = [
                yIndex > -1 ? yIndex : 0,
                mIndex > -1 ? mIndex : 0,
                dIndex > -1 ? dIndex : 0
            ];

            this.tempYear = this.years[this.pickerValue[0]];
            this.tempMonth = this.months[this.pickerValue[1]];
            this.tempDay = this.days[this.pickerValue[2]];

            this.showPicker = true;
        },

        closePicker() {
            this.showPicker = false;
        },

        onPickerChange(e) {
            const val = e.detail.value;
            this.tempYear = this.years[val[0]];
            this.tempMonth = this.months[val[1]];
            this.tempDay = this.days[val[2]];
        },

        confirmPicker() {
            // 格式化日期
            const mStr = this.tempMonth < 10 ? '0' + this.tempMonth : this.tempMonth;
            const dStr = this.tempDay < 10 ? '0' + this.tempDay : this.tempDay;
            this.formData.birthday = `${this.tempYear}-${mStr}-${dStr}`;
            this.closePicker();
        },

        async loadServiceTypes() {
            try {
                const res = await listAllService();
                this.serviceTypes = (res.data || []).map(item => ({
                    id: item.id,
                    name: item.name
                }));
            } catch (err) {
                console.error('加载服务类型失败:', err);
                this.serviceTypes = [];
            }
        },

        toggleService(item) {
            const idx = this.formData.serviceType.indexOf(item.id);
            if (idx > -1) {
                this.formData.serviceType.splice(idx, 1);
            } else {
                this.formData.serviceType.push(item.id);
            }
        },

        // 验证码
        /* async getVerifyCode() {
            if (this.countDown > 0) return;
            if (!this.formData.mobile || this.formData.mobile.length !== 11) {
                uni.showToast({ title: '请输入正确的手机号', icon: 'none' });
                return;
            }
            try {
                const res = await sendSmsCode(this.formData.mobile);
                this.countDown = 60;
                this.timer = setInterval(() => {
                    this.countDown--;
                    if (this.countDown <= 0) clearInterval(this.timer);
                }, 1000);
                // TODO 【生产环境必须删除】开发模式自动填入验证码
                const devCode = res.data;
                if (devCode) {
                    this.formData.code = devCode;
                    uni.showToast({ title: '验证码: ' + devCode, icon: 'none', duration: 3000 });
                } else {
                    uni.showToast({ title: '验证码已发送', icon: 'none' });
                }
            } catch (err) {
                console.error('发送验证码失败:', err);
            }
        }, */

        // 城市选择器 logic（从后端加载）
        async openCityPicker() {
            this.showCityPicker = true;
            if (this.selectedPathway.length === 0) {
                await this.resetCityPicker();
            }
        },
        async resetCityPicker() {
            this.selectStep = 0;
            this.selectedPathway = [];
            await this.loadAreaChildren(0);
        },
        closeCityPicker() {
            this.showCityPicker = false;
        },
        async loadAreaChildren(parentId) {
            try {
                const res = await getAreaChildren(parentId);
                // 城市选择器只显示 城市(0) 和 区域(1)，不显示站点(2)
                this.currentList = (res.data || [])
                    .filter(item => item.type !== 2)
                    .map(item => ({
                        id: item.id,
                        name: item.name,
                        type: item.type,
                        parentId: item.parentId
                    }));
            } catch (err) {
                console.error('加载区域数据失败:', err);
                this.currentList = [];
            }
        },
        async selectCityItem(item) {
            this.selectedPathway[this.selectStep] = item;
            // type: 0=城市, 1=区域
            // 城市级(0)继续加载子级区域
            if (item.type === 0) {
                this.selectStep++;
                this.selectedPathway = this.selectedPathway.slice(0, this.selectStep);
                await this.loadAreaChildren(item.id);
                // 如果已无子级区域，自动确认
                if (this.currentList.length === 0) {
                    this.selectedCityId = item.id;
                    this.confirmCity();
                }
            } else {
                // 区域级(1)选完即确认，站点由站点选择器单独加载
                this.selectedCityId = item.id;
                this.confirmCity();
            }
        },
        async jumpToStep(step) {
            this.selectStep = step;
            if (step === 0) {
                await this.loadAreaChildren(0);
            } else {
                const parent = this.selectedPathway[step - 1];
                if (parent) {
                    await this.loadAreaChildren(parent.id);
                }
            }
        },
        confirmCity() {
            const fullPath = this.selectedPathway.map(i => i.name).join(' ');
            this.formData.city = fullPath;
            // 重置已选站点
            this.formData.station = '';
            this.formData.stationId = null;
            // 选完城市/区域后加载该区域下的站点(type=2)
            const lastSelected = this.selectedPathway[this.selectedPathway.length - 1];
            if (lastSelected) {
                this.loadStations(lastSelected.id);
            }
            this.closeCityPicker();
        },

        // 站点选择器（从后端加载，只取type=2的站点）
        async loadStations(parentId) {
            try {
                const res = await getAreaChildren(parentId);
                this.stationList = (res.data || [])
                    .filter(item => item.type === 2)
                    .map(item => ({
                        id: item.id,
                        name: item.name
                    }));
            } catch (err) {
                console.error('加载站点数据失败:', err);
                this.stationList = [];
            }
        },
        openStationPicker() {
            if (this.stationList.length === 0) {
                uni.showToast({ title: '请先选择工作城市', icon: 'none' });
                return;
            }
            this.showStationPicker = true;
        },
        closeStationPicker() {
            this.showStationPicker = false;
        },
        selectStation(item) {
            this.formData.station = item.name;
            this.formData.stationId = item.id;
            this.closeStationPicker();
        },

        async openPrivacy() {
            try {
                uni.showLoading({ title: '加载中...' });
                const res = await getAgreement(3); // 3-履约者说明
                if (res.code === 200 && res.data) {
                    this.agreementTitle = res.data.title;
                    this.agreementContent = res.data.content;
                    this.showPrivacy = true;
                } else {
                    uni.showToast({ title: res.msg || '获取协议失败', icon: 'none' });
                }
            } catch (err) {
                console.error('获取协议详情失败:', err);
            } finally {
                uni.hideLoading();
            }
        },

        goToAuth() {
            if (!this.isAgreed) {
                uni.showToast({ title: '请勾选协议', icon: 'none' });
                return;
            }
            if (!this.formData.mobile || this.formData.mobile.length !== 11) {
                uni.showToast({ title: '请输入正确的手机号', icon: 'none' });
                return;
            }
            if (!this.formData.name) {
                uni.showToast({ title: '请输入姓名', icon: 'none' });
                return;
            }
            if (this.formData.serviceType.length === 0) {
                uni.showToast({ title: '请选择服务类型', icon: 'none' });
                return;
            }
            // 暂存表单数据到本地，供后续页面组装提交
            uni.setStorageSync('recruit_form_data', JSON.stringify(this.formData));
            // 传递选中的服务类型对象（id+name）给后续页面
            const selectedServices = this.serviceTypes.filter(s => this.formData.serviceType.includes(s.id));
            const services = JSON.stringify(selectedServices);
            uni.navigateTo({
                url: `/pages/recruit/auth?services=${encodeURIComponent(services)}`
            });
        }
    }
}