import {  hdHttp, HdResponse,BasicConstant,ExpertData, authStore } from '@itcast/basic'
import HashMap from '@ohos.util.HashMap'
import { BusinessError } from '@kit.BasicServicesKit';
import { promptAction, router } from '@kit.ArkUI'
import { EditUserDataItem } from './EditUserDataItem'
import { PhotoActionSheet } from './PhotoActionSheet'
import { DatePickerDialog } from './DatePickerDialog'
import { OfficeSelectedSheet } from './OfficeSelectedSheet'
import { PositionSelectedSheet } from './PositionSelectedSheet'
import { http } from '@kit.NetworkKit';

interface extraData {
  uuid: string
}

interface callBackData {
  expert:ExpertData,
  code:number,
  message:string,
  specialy:[]
}

@Component
export struct EditUserDataComp {
  @State photoPath:string = BasicConstant.imageHeader+authStore.getUser().photo;
  @State name:string = authStore.getUser().realName;
  @State sex:string = authStore.getUser().sex == 0 ? '男' : '女';
  @State birthday:string = authStore.getUser().birthDate;
  @State phone:string = authStore.getUser().mobile;
  @State email:string = authStore.getUser().email;

  @State hospatilName:string = authStore.getUser().hospitalName;
  @State officeName:string = authStore.getUser().officeName;
  @State officePhone:string = authStore.getUser().officePhone;
  @State positionName:string = authStore.getUser().positionName;
  @State certificate:string = authStore.getUser().certificate;
  @State certificatePhoto:string = BasicConstant.imageHeader+authStore.getUser().certificateImg;
  @State diseaseName:string = '';
  @State intro:string = authStore.getUser().intro;

  private photoSheetDialog!: CustomDialogController;
  private datePickerDialog!: CustomDialogController;
  private officePickerDialog!: CustomDialogController;
  private positionPickerDialog!: CustomDialogController;
  private certificatePhotoSheetDialog!: CustomDialogController;

  aboutToAppear() {
    this.initPhotoDialog();
    this.initDatePickerDialog();
    this.initOfficePickerDialog();
    this.initPositionPickerDialog();
    this.initCerficatePhotoDialog();

    this.uploadUserDataAction();
    console.log('用户资料：'+authStore.getUser().specialy);
  }

  uploadUserDataAction() {
    const hashMap: HashMap<string, string> = new HashMap();
    const userDataUrl:string = BasicConstant.urlExpert+'getExpertByUuid';
    hashMap.set('uuid',authStore.getUser().uuid)
    hdHttp.post<string>(userDataUrl, {
      uuid: authStore.getUser().uuid,
    } as extraData).then(async (res: HdResponse<string>) => {
      let json:callBackData = JSON.parse(res+'') as callBackData;
      if(json.code == 1 && json.expert && typeof json.expert === 'object') {
        authStore.updateUser(json.expert)
        this.arrToStringSpecialy(json.specialy);
        console.log('用户信息成功:', authStore.getUser().intro);
      } else {
        console.error('用户信息失败：'+json.message)
        promptAction.showToast({ message: json.message, duration: 1000 })
      }
    }).catch((err: BusinessError) => {
      console.info(`Response login fail222222222222222: ${err}`);
    })
  }

  arrToStringSpecialy(data: Array<object>) {
    // 声明类型化数组
    let zhuangArr: string[] = [];
    // 获取响应数据中的specialy数组（需根据实际API调整类型）
    const array = data as Array<Record<string, string>>;
    // 遍历提取diseaseName
    if (data) {
      zhuangArr = array
        .filter(item => item['diseaseName']) // 过滤空值[8](@ref)
        .map(item => item['diseaseName'] ?? ''); // 安全转换[9](@ref)
    }
    // 拼接为逗号分隔字符串
    this.diseaseName = zhuangArr.join(',');
    console.info('diseaseName:', this.diseaseName);
  }

  private initPhotoDialog() {
    this.photoSheetDialog = new CustomDialogController({
      builder: PhotoActionSheet({
        controller: this.photoSheetDialog,
        onPhotoSelected: (uri: string) => {
          this.photoPath = uri;
          console.log('Selected image URI:', uri);
        }
      }),
      alignment: DialogAlignment.Bottom,
      customStyle: true,
      autoCancel: false,
      backgroundColor: ('rgba(0,0,0,0.5)'),
      height: '100%'
    });
  }

  private initOfficePickerDialog() {
    this.officePickerDialog = new CustomDialogController({
      builder:OfficeSelectedSheet({
        controller:this.officePickerDialog,
        officeSelected: (name:string , uuid:string) => {
          this.officeName = name;
        }
      }),
      alignment: DialogAlignment.Bottom,
      customStyle: true,
      autoCancel: false,
      backgroundColor: ('rgba(0,0,0,0.5)'),
      height: '100%'
    })
  }

  private initPositionPickerDialog() {
    this.positionPickerDialog = new CustomDialogController({
      builder:PositionSelectedSheet({
        controller:this.officePickerDialog,
        officeSelected: (name:string , uuid:string) => {
          this.positionName = name;
        }
      }),
      alignment: DialogAlignment.Bottom,
      customStyle: true,
      autoCancel: false,
      backgroundColor: ('rgba(0,0,0,0.5)'),
      height: '100%'
    })
  }

  private initDatePickerDialog() {
    this.datePickerDialog = new CustomDialogController({
      builder: DatePickerDialog({
        controller:this.datePickerDialog,
        dateSelected:(date:string) => {
          this.birthday = date;
        }
      }),
      alignment: DialogAlignment.Bottom,
      customStyle: true,
      autoCancel: false,
      backgroundColor: ('rgba(0,0,0,0.5)'),
      height: '100%'
    });
  }

  private initCerficatePhotoDialog() {
    this.certificatePhotoSheetDialog = new CustomDialogController({
      builder: PhotoActionSheet({
        controller: this.certificatePhotoSheetDialog,
        onPhotoSelected: (uri: string) => {
          this.certificatePhoto = uri;
          console.log('Selected image URI:', uri);
        }
      }),
      alignment: DialogAlignment.Bottom,
      customStyle: true,
      autoCancel: false,
      backgroundColor: ('rgba(0,0,0,0.5)'),
      height: '100%'
    });
  }

  build() {
    Scroll() {
      Column() {
        // 第一部分：基本资料
        Column() {
          Column(){
            Text('基本资料')
              .fontSize(16)
              .margin({left:15})
              .fontColor($r('app.color.main_color'))
          }
          .width('100%')
          .height(17)
          .backgroundColor(Color.Gray)
          .alignItems(HorizontalAlign.Start)
          // 基本信息字段
          EditUserDataItem({ label: '头像', required: true, content: this.photoPath, hasArrow: true })
            .onClick(()=>this.photoSheetDialog.open())
          EditUserDataItem({ label: '姓名', required: true, content: this.name })
          EditUserDataItem({ label: '性别', required: true, content: this.sex })
          EditUserDataItem({ label: '出生日期', content: this.birthday , hasArrow: true})
            .onClick(()=>this.datePickerDialog.open())
          EditUserDataItem({ label: '手机号码', required: true, content: this.phone , hasArrow: true})
            .onClick(()=>{
              router.pushUrl({
                url:'pages/MinePage/ChangePhonePage'
              })
            })
          EditUserDataItem({ label: '邮箱', content: this.email , hasArrow: true})
            .onClick(()=>{
              router.pushUrl({
                url:'pages/MinePage/ChooseEmail'
              })
            })
        }
        .height('auto')

        // 第二部分：专业资料
        Column() {
          Column(){
            Text('专业资料')
              .fontSize(16)
              .margin({left:15})
              .fontColor($r('app.color.main_color'))
          }
          .width('100%')
          .height(17)
          .backgroundColor(Color.Gray)
          .alignItems(HorizontalAlign.Start)

          EditUserDataItem({ label: '医院', required: true, content: this.hospatilName })
          EditUserDataItem({ label: '科室', required: true, content: this.officeName, hasArrow: true })
            .onClick(()=>this.officePickerDialog.open())
          EditUserDataItem({ label: '科室电话', required: true, content: this.officePhone, hasArrow: true })
            .onClick(()=>{
              router.pushUrl({
                url:'pages/MinePage/ChooseOfficePhone'
              })
            })
          EditUserDataItem({ label: '职称', required: true, content: this.positionName, hasArrow: true })
            .onClick(()=>this.positionPickerDialog.open())
          EditUserDataItem({ label: '执业医师证编号', required: true, content: this.certificate })
          EditUserDataItem({ label: '执业医师证图片或胸牌', required: true, content: this.certificatePhoto })
            .onClick(()=>this.certificatePhotoSheetDialog.open())
          EditUserDataItem({ label: '专长', required: true, content: this.diseaseName , hasArrow: true})
          EditUserDataItem({ label: '个人简介', content: this.intro, hasArrow: true })
            .onClick(()=>{
              router.pushUrl({
                url:'pages/MinePage/EditIntroductionPage'
              })
            })
        }
        .height('auto')
      }
      .width('100%')
      .height('100%')
      .layoutWeight(1)// 占据剩余空间
    }
    .height('auto')
    .scrollBar(BarState.Off)
    .scrollable(ScrollDirection.Vertical)
    .backgroundColor('#ffffff')
  }
}