const app = getApp();
const config = require('../../config/config.js');
const apiClient = require('../../utils/api-client.js');
const imageCacheManager = require('../../utils/image-cache-manager.js');

Page({
  data: {
    userInfo: {
      avatar: '',
      nickname: '未设置昵称',
      customId: '123456789',
      signature: '',
      career: '',
      education: '',
      gender: '',
      birthday: '',
      hometown: '',
      constellation: '',
      height: '',
      personalityType: '',
      sleepHabit: '',
      socialActivity: ''
    },
    isEditingNickname: false,
    isEditingSignature: false,
    tempNickname: '',
    tempSignature: '',
    showConstellationPicker: false,
    showPersonalityPicker: false,
    showCareerPicker: false,
    showEducationPicker: false,
    showHometownPicker: false,
    showBirthdayPicker: false,
    showHeightPicker: false,
    showGenderPicker: false,
    showSleepHabitPicker: false,
    showSocialActivityPicker: false,
    constellations: ['水瓶座', '双鱼座', '白羊座', '金牛座', '双子座', '巨蟹座', '狮子座', '处女座', '天秤座', '天蝎座', '射手座', '摩羯座'],
    personalityTypes: ['INTJ', 'INTP', 'ENTJ', 'INFP', 'ENTP', 'INFJ', 'ENFP', 'ENFJ', 'ISTJ', 'ISFJ', 'ISTP', 'ISFP', 'ESTJ', 'ESFJ', 'ESTP', 'ESFP'],
    careers: ['初中生', '高中生', '大学生', '研究生', '留学生', '科研', '警察', '医生', '护士', '程序员', '老师', '化妆师', '摄影师', '音乐', '美术', '金融', '厨师', '工程师', '公务员', '互联网', '产品经理', '模特', '演员', '导演', '律师', '创业者', '其他'],
    educations: ['北京大学', '清华大学', '复旦大学', '上海交通大学', '浙江大学', '南京大学', '武汉大学', '中山大学', '四川大学', '哈尔滨工业大学', '大专', '中专', '高职', '高中'],
    genders: ['男', '女'],
    sleepHabits: ['早起鸟儿', '夜猫子', '规律型', '深度睡眠追求者', '碎片化睡眠者', '失眠困扰者', '咖啡因敏感型', '数字戒断者', '运动调节型', '挑战打卡型', '鼾声监测者', '生物钟调节者', '社区分享型'],
    socialActivities: ['内容创作者', '观察者', '吃瓜者', '潜水者', '机器人', '社群型用户', 'KOL', 'KOC', '普通用户', '算法依赖型用户', '事件驱动型用户', '季节性活跃用户', '社交维系型用户', '兴趣社群型用户', '职业网络型用户', '娱乐消遣型用户', '购物种草型用户', '互动型用户'],
    selectedConstellation: '',
    selectedPersonality: '',
    selectedCareer: '',
    selectedEducation: '',
    selectedGender: '',
    selectedHeight: 170,
    selectedSleepHabit: '',
    selectedSocialActivity: '',
    searchCareerText: '',
    searchEducationText: '',
    filteredCareers: [],
    filteredEducations: [],
    provinces: [],
    cities: [],
    selectedProvince: '',
    selectedCity: '',
    selectedYear: '',
    selectedMonth: '',
    selectedDay: '',
    years: [],
    months: [],
    days: []
  },

  onLoad: function() {
    this.loadUserData();
    this.initDatePicker();
    this.initLocationData();
  },

  loadUserData: function() {
    const userInfo = app.globalData.userInfo || {};
    this.setData({
      userInfo: {
        avatar: userInfo.avatar || '',
        nickname: userInfo.nickname || '未设置昵称',
        customId: userInfo.customId || '123456789',
        signature: userInfo.signature || '',
        career: userInfo.career || '',
        education: userInfo.education || '',
        gender: userInfo.gender || '',
        birthday: userInfo.birthday || '',
        hometown: userInfo.hometown || '',
        constellation: userInfo.constellation || '',
        height: userInfo.height || '',
        personalityType: userInfo.personalityType || '',
        sleepHabit: userInfo.sleepHabit || '',
        socialActivity: userInfo.socialActivity || ''
      },
      tempNickname: userInfo.nickname || '未设置昵称',
      tempSignature: userInfo.signature || ''
    });
  },

  // 头像相关功能
  changeAvatar: function() {
    wx.showActionSheet({
      itemList: ['拍照', '从相册选择'],
      success: (res) => {
        const sourceType = res.tapIndex === 0 ? ['camera'] : ['album'];
        this.chooseImage(sourceType);
      }
    });
  },

  chooseImage: function(sourceType) {
    wx.chooseImage({
      count: 1,
      sizeType: ['compressed'],
      sourceType: sourceType,
      success: (res) => {
        if (sourceType[0] === 'camera') {
          this.setData({
            tempAvatarPath: res.tempFilePaths[0],
            showCameraPreview: true
          });
        } else {
          this.uploadAvatar(res.tempFilePaths[0]);
        }
      }
    });
  },

  retakePhoto: function() {
    this.setData({ showCameraPreview: false });
    this.chooseImage(['camera']);
  },

  usePhoto: function() {
    this.uploadAvatar(this.data.tempAvatarPath);
    this.setData({ showCameraPreview: false });
  },

  uploadAvatar: async function(tempFilePath) {
    try {
      wx.showLoading({ title: '上传中...' });
      // 模拟上传头像
      await new Promise(resolve => setTimeout(resolve, 1000));
      const newAvatarUrl = tempFilePath;

      const userInfo = this.data.userInfo;
      userInfo.avatar = newAvatarUrl;
      this.setData({ userInfo });

      // 更新全局用户信息
      if (app.globalData.userInfo) {
        app.globalData.userInfo.avatar = newAvatarUrl;
      }

      wx.hideLoading();
      wx.showToast({ title: '头像更新成功', icon: 'success' });
    } catch (error) {
      wx.hideLoading();
      wx.showToast({ title: '上传失败', icon: 'none' });
    }
  },

  // 昵称编辑
  startEditNickname: function() {
    this.setData({
      isEditingNickname: true,
      tempNickname: this.data.userInfo.nickname
    });
  },

  confirmEditNickname: function() {
    if (this.data.tempNickname.length > 30) {
      wx.showToast({ title: '昵称不能超过30字节', icon: 'none' });
      return;
    }

    const userInfo = this.data.userInfo;
    userInfo.nickname = this.data.tempNickname;
    this.setData({
      userInfo: userInfo,
      isEditingNickname: false
    });

    // 更新全局用户信息
    if (app.globalData.userInfo) {
      app.globalData.userInfo.nickname = this.data.tempNickname;
    }
  },

  cancelEditNickname: function() {
    this.setData({ isEditingNickname: false });
  },

  // 签名编辑
  startEditSignature: function() {
    this.setData({
      isEditingSignature: true,
      tempSignature: this.data.userInfo.signature
    });
  },

  confirmEditSignature: function() {
    if (this.data.tempSignature.length > 200) {
      wx.showToast({ title: '简介不能超过200字节', icon: 'none' });
      return;
    }

    const userInfo = this.data.userInfo;
    userInfo.signature = this.data.tempSignature;
    this.setData({
      userInfo: userInfo,
      isEditingSignature: false
    });

    // 更新全局用户信息
    if (app.globalData.userInfo) {
      app.globalData.userInfo.signature = this.data.tempSignature;
    }
  },

  cancelEditSignature: function() {
    this.setData({ isEditingSignature: false });
  },

  // 星座选择
  openConstellationPicker: function() {
    this.setData({
      showConstellationPicker: true,
      selectedConstellation: this.data.userInfo.constellation
    });
  },

  selectConstellation: function(e) {
    const constellation = e.currentTarget.dataset.value;
    this.setData({
      selectedConstellation: constellation
    });
  },

  confirmConstellation: function() {
    const userInfo = this.data.userInfo;
    userInfo.constellation = this.data.selectedConstellation;
    this.setData({
      userInfo: userInfo,
      showConstellationPicker: false
    });
  },

  // 人格类型选择
  openPersonalityPicker: function() {
    this.setData({
      showPersonalityPicker: true,
      selectedPersonality: this.data.userInfo.personalityType
    });
  },

  selectPersonality: function(e) {
    const personality = e.currentTarget.dataset.value;
    this.setData({
      selectedPersonality: personality
    });
  },

  confirmPersonality: function() {
    const userInfo = this.data.userInfo;
    userInfo.personalityType = this.data.selectedPersonality;
    this.setData({
      userInfo: userInfo,
      showPersonalityPicker: false
    });
  },

  // 职业选择
  openCareerPicker: function() {
    this.setData({
      showCareerPicker: true,
      searchCareerText: '',
      filteredCareers: this.data.careers
    });
  },

  searchCareer: function(e) {
    const text = e.detail.value;
    const filtered = this.data.careers.filter(career =>
      career.includes(text)
    );
    this.setData({
      searchCareerText: text,
      filteredCareers: filtered
    });
  },

  selectCareer: function(e) {
    const career = e.currentTarget.dataset.value;
    const userInfo = this.data.userInfo;
    userInfo.career = career;
    this.setData({
      userInfo: userInfo,
      showCareerPicker: false
    });
  },

  // 教育背景选择
  openEducationPicker: function() {
    this.setData({
      showEducationPicker: true,
      searchEducationText: '',
      filteredEducations: this.data.educations
    });
  },

  searchEducation: function(e) {
    const text = e.detail.value;
    const filtered = this.data.educations.filter(edu =>
      edu.includes(text)
    );
    this.setData({
      searchEducationText: text,
      filteredEducations: filtered
    });
  },

  selectEducation: function(e) {
    const education = e.currentTarget.dataset.value;
    const userInfo = this.data.userInfo;
    userInfo.education = education;
    this.setData({
      userInfo: userInfo,
      showEducationPicker: false
    });
  },

  // 家乡选择
  openHometownPicker: function() {
    this.setData({
      showHometownPicker: true,
      selectedProvince: this.data.userInfo.hometown ? this.data.userInfo.hometown.split(' ')[0] : '',
      selectedCity: this.data.userInfo.hometown ? this.data.userInfo.hometown.split(' ')[1] : ''
    });
  },

  confirmHometown: function() {
    const userInfo = this.data.userInfo;
    userInfo.hometown = `${this.data.selectedProvince} ${this.data.selectedCity}`;
    this.setData({
      userInfo: userInfo,
      showHometownPicker: false
    });
  },

  // 生日选择
  openBirthdayPicker: function() {
    this.setData({
      showBirthdayPicker: true
    });
  },

  confirmBirthday: function() {
    const userInfo = this.data.userInfo;
    userInfo.birthday = `${this.data.selectedYear}-${this.data.selectedMonth.toString().padStart(2, '0')}-${this.data.selectedDay.toString().padStart(2, '0')}`;
    this.setData({
      userInfo: userInfo,
      showBirthdayPicker: false
    });
  },

  // 身高选择
  openHeightPicker: function() {
    this.setData({
      showHeightPicker: true,
      selectedHeight: this.data.userInfo.height ? parseInt(this.data.userInfo.height) : 170
    });
  },

  // 性别选择
  openGenderPicker: function() {
    this.setData({
      showGenderPicker: true,
      selectedGender: this.data.userInfo.gender
    });
  },

  // 睡眠习惯选择
  openSleepHabitPicker: function() {
    this.setData({
      showSleepHabitPicker: true,
      selectedSleepHabit: this.data.userInfo.sleepHabit
    });
  },

  // 社交活跃度选择
  openSocialActivityPicker: function() {
    this.setData({
      showSocialActivityPicker: true,
      selectedSocialActivity: this.data.userInfo.socialActivity
    });
  },

  // 初始化位置数据
  initLocationData: function() {
    // 模拟省市数据
    this.setData({
      provinces: ['北京市', '上海市', '广东省', '江苏省', '浙江省'],
      cities: {
        '北京市': ['北京市'],
        '上海市': ['上海市'],
        '广东省': ['广州市', '深圳市', '珠海市'],
        '江苏省': ['南京市', '苏州市', '无锡市'],
        '浙江省': ['杭州市', '宁波市', '温州市']
      },
      selectedProvince: this.data.userInfo.hometown ? this.data.userInfo.hometown.split(' ')[0] : '',
      selectedCity: this.data.userInfo.hometown ? this.data.userInfo.hometown.split(' ')[1] : '',
      hometownValue: [0, 0] // 默认选中第一项
    });
  },

  // 家乡选择变化处理
  onHometownChange: function(e) {
    const value = e.detail.value;
    const province = this.data.provinces[value[0]];
    const city = this.data.cities[province][value[1]];
    this.setData({
      selectedProvince: province,
      selectedCity: city,
      hometownValue: value
    });
  },

  initDatePicker: function() {
    const years = [];
    const currentYear = new Date().getFullYear();
    for (let i = currentYear; i >= 1950; i--) {
      years.push(i);
    }

    const months = [];
    for (let i = 1; i <= 12; i++) {
      months.push(i);
    }

    const days = [];
    for (let i = 1; i <= 31; i++) {
      days.push(i);
    }

    // 设置默认日期
    let defaultYear = currentYear - 20;
    let defaultMonth = 1;
    let defaultDay = 1;

    if (this.data.userInfo.birthday) {
      const parts = this.data.userInfo.birthday.split('-');
      if (parts.length === 3) {
        defaultYear = parseInt(parts[0]);
        defaultMonth = parseInt(parts[1]);
        defaultDay = parseInt(parts[2]);
      }
    }

    // 计算默认值的索引
    const yearIndex = years.indexOf(defaultYear);
    const monthIndex = months.indexOf(defaultMonth);
    const dayIndex = days.indexOf(defaultDay);

    this.setData({
      years: years,
      months: months,
      days: days,
      selectedYear: defaultYear,
      selectedMonth: defaultMonth,
      selectedDay: defaultDay,
      birthdayValue: [yearIndex, monthIndex, dayIndex]
    });
  },

  // 生日选择变化处理
  onBirthdayChange: function(e) {
    const value = e.detail.value;
    const year = this.data.years[value[0]];
    const month = this.data.months[value[1]];
    const day = this.data.days[value[2]];
    this.setData({
      selectedYear: year,
      selectedMonth: month,
      selectedDay: day,
      birthdayValue: value
    });
  },



  bindProvinceChange: function(e) {
    const province = this.data.provinces[e.detail.value];
    this.setData({
      selectedProvince: province,
      selectedCity: this.data.cities[province][0]
    });
  },

  bindCityChange: function(e) {
    this.setData({
      selectedCity: this.data.cities[this.data.selectedProvince][e.detail.value]
    });
  },

  bindYearChange: function(e) {
    this.setData({
      selectedYear: this.data.years[e.detail.value]
    });
  },

  bindMonthChange: function(e) {
    this.setData({
      selectedMonth: this.data.months[e.detail.value]
    });
  },

  bindDayChange: function(e) {
    this.setData({
      selectedDay: this.data.days[e.detail.value]
    });
  },



  adjustHeight: function(e) {
    this.setData({
      selectedHeight: e.detail.value
    });
  },

  selectGender: function(e) {
    const gender = e.currentTarget.dataset.value;
    const userInfo = this.data.userInfo;
    userInfo.gender = gender;
    this.setData({
      userInfo: userInfo,
      showHeightGenderPicker: false
    });
  },

  confirmHeight: function() {
    const userInfo = this.data.userInfo;
    userInfo.height = this.data.selectedHeight;
    this.setData({
      userInfo: userInfo,
      showHeightPicker: false
    });
  },

  // 睡眠习惯选择处理
  // 社交活跃度选择处理

  selectSleepHabit: function(e) {
    const sleepHabit = e.currentTarget.dataset.value;
    const userInfo = this.data.userInfo;
    userInfo.sleepHabit = sleepHabit;
    this.setData({
      userInfo: userInfo,
      showSleepHabitPicker: false
    });
  },

  selectSocialActivity: function(e) {
    const socialActivity = e.currentTarget.dataset.value;
    const userInfo = this.data.userInfo;
    userInfo.socialActivity = socialActivity;
    this.setData({
      userInfo: userInfo,
      showSocialActivityPicker: false
    });
  },

  // 身高选择确认
  confirmHeight: function() {
    const userInfo = this.data.userInfo;
    userInfo.height = this.data.selectedHeight;
    this.setData({
      userInfo: userInfo,
      showHeightPicker: false
    });
  },

  // 性别选择确认
  selectGender: function(e) {
    const gender = e.currentTarget.dataset.value;
    const userInfo = this.data.userInfo;
    userInfo.gender = gender;
    this.setData({
      userInfo: userInfo,
      showGenderPicker: false
    });
  },

  // 关闭所有弹出层
  closeAllPickers: function() {
    this.setData({
      showConstellationPicker: false,
      showPersonalityPicker: false,
      showCareerPicker: false,
      showEducationPicker: false,
      showHometownPicker: false,
      showBirthdayPicker: false,
      showHeightPicker: false,
      showGenderPicker: false,
      showSleepHabitPicker: false,
      showSocialActivityPicker: false,
      showCameraPreview: false
    });
  },

  // 保存所有修改
  saveChanges: function() {
    // 这里可以添加保存到服务器的逻辑
    wx.showLoading({ title: '保存中...' });
    setTimeout(() => {
      wx.hideLoading();
      wx.showToast({ title: '资料保存成功', icon: 'success' });
      // 返回个人资料页面
      wx.navigateBack();
    }, 1000);
  }
});