import { authStore, HdNav, PositionSelectedSheet } from '@itcast/basic';
import { promptAction } from '@kit.ArkUI'
import { HdLoadingDialog } from '@itcast/basic'
import { BasicConstant,hdHttp, HdResponse ,logger} from '@itcast/basic/Index'
import { BusinessError } from '@kit.BasicServicesKit';
import HashMap from '@ohos.util.HashMap';
import { groupRequest,groupRequestCall,groupModel,patientListModel } from '../models/PatientsGroupModel'
import { HMRouterMgr, HMRouterPathInfo, HMRouterPathCallback, HMRouter } from "@hadss/hmrouter"

@HMRouter({ pageUrl: 'PatientsGroup' })
@Component
export struct PatientsGroup {
  @State groupSort: string = '分组排序'
  @State innerSort: string = '组内排序'
  @State groupSortList:sortModel[] = [];
  @State innerSortList:sortModel[] = [];
  @State groupSortSelected: boolean = false//是否展开
  @State innerSortSelected: boolean = false//是否展开
  @State isGroupSelected: boolean = false//是否选中
  @State IsInnerSelected: boolean = false//是否选中
  @State isMaiLanHidden:boolean = false;//麦兰项目是否显示
  @State group_sort:string = '0'
  @State list_sort:string = '0'
  @State groupListArray: groupModel[] = []
  private params: ESObject = HMRouterMgr.getCurrentParam()

  dialog: CustomDialogController = new CustomDialogController({
    builder: HdLoadingDialog({ message: '加载中...' }),
    customStyle: true,
    alignment: DialogAlignment.Center
  })

  aboutToAppear(): void {
    this.getGroupData()
    this.getIsMaiLanData()
    this.groupSortList = [{"name":"按首字母","isSeleted":false} as sortModel,{"name":"分组人数","isSeleted":false} as sortModel]
    this.innerSortList = [{"name":"按首字母","isSeleted":false} as sortModel,{"name":"随访时间","isSeleted":false} as sortModel]
  }

  getGroupData(){
    this.dialog.open()
    hdHttp.post<string>(BasicConstant.groupList, {
      expert_uuid: authStore.getUser().uuid,
      group_sort:this.group_sort,
      list_sort:this.list_sort
    } as groupRequest).then(async (res: HdResponse<string>) => {
      this.dialog.close();
      this.groupListArray = []
      logger.info('Response groupList'+res);
      let json:groupRequestCall = JSON.parse(res+'') as groupRequestCall;
      if(json.code == 1) {
        this.groupListArray = json.data
      } else {
        console.error('患者分组列表失败：'+json.message)
        promptAction.showToast({ message: json.message, duration: 1000 })
      }
    }).catch((err: BusinessError) => {
      this.dialog.close();
      console.error(`Response fails: ${err}`);
    })
  }

  getIsMaiLanData() {
    const hashMap: HashMap<string, string> = new HashMap();
    this.dialog.open()
    hdHttp.httpReq<string>(BasicConstant.isMaiLanExpert,hashMap).then(async (res: HdResponse<string>) => {
      this.dialog.close();
      logger.info('Response isMaiLanExpert'+res);
      let json:Record<string,string> = JSON.parse(res+'') as Record<string,string>;
      if(json.code == '200') {
        let isMaiLanExpert:string = json.isMaiLanExpert;
        if (isMaiLanExpert == '1') {
          this.isMaiLanHidden = true;
        }
      } else {
        console.error('麦兰：'+json.message)
        promptAction.showToast({ message: json.message, duration: 1000 })
      }
    }).catch((err: BusinessError) => {
      this.dialog.close();
      console.info(`Response fails: ${err}`);
    })
  }

  build() {
    Column() {
      HdNav({
        title: '患者分组',
        showRightIcon: false,
        hasBorder: true,
        rightText: '新建',
        showRightText: true,
        isLeftAction:this.params?true:false,
        leftItemAction:()=>{
          HMRouterMgr.pop()
        },
        rightItemAction: () => {
          HMRouterMgr.push({pageUrl:'BuildOrEditGroupPage',param:{"title":"新建分组"}})
          // router.pushUrl({
          //   url: 'pages/PatientsPage/BuildOrEditGroupPage',
          //   params:{"title":"新建分组"}
          // })
        }
      })
      Stack() {
        Row() {
          Row() {
            Text(this.groupSort)
              .fontSize(16).fontColor(this.isGroupSelected ? $r('app.color.main_color') : '#333333')
            Image(this.isGroupSelected ?$r('app.media.triangle_green_theme'):$r('app.media.triangle_normal')).width(10).height(10)
          }
          .width('50%')
          .height(48)
          .backgroundColor(Color.White)
          .justifyContent(FlexAlign.Center)
          .onClick(() => {
            this.groupSortSelected = !this.groupSortSelected
            this.innerSortSelected = false
          })

          Blank()
            .width(1).height(20).margin({ top: 15 })
          Row() {
            Text(this.innerSort)
              .fontSize(16).fontColor(this.IsInnerSelected ? $r('app.color.main_color') : '#333333')
            Image(this.IsInnerSelected ?$r('app.media.triangle_green_theme'):$r('app.media.triangle_normal')).width(10).height(10)
          }
          .width('50%')
          .height(48)
          .backgroundColor(Color.White)
          .justifyContent(FlexAlign.Center)
          .onClick(() => {
            this.innerSortSelected = !this.innerSortSelected
            this.groupSortSelected = false
          })
        }.width('100%').height(55).backgroundColor('#f4f4f4')

        List() {
          ForEach(this.groupListArray, (sectionModel: groupModel,index:number) => {
            ListItemGroup({ header: this.itemHeaderView(sectionModel,index) }) {
              ForEach(sectionModel.isShow ? sectionModel.patientList : [], (rowModel: patientListModel) => {
                ListItem() {
                  Stack() {
                    Row({ space: 15 }) {
                      Image(BasicConstant.urlImage + rowModel.photo)
                        .alt($r('app.media.userPhoto_default'))
                        .width(54)
                        .height(54)
                        .borderRadius(6)
                        .margin({ left: 15 })
                      Text(rowModel.nickname ? rowModel.nickname : rowModel.realName)
                        .fontSize(16).fontColor('#666666')
                      if (Number(rowModel.type) === 0) {
                        Image($r('app.media.group_vip'))
                          .objectFit(ImageFit.Cover)
                          .width(10).height(10)
                      }
                    }.width('100%').height(80)

                    Text('随访于' + rowModel.join_date?.substring(0, 10))
                      .fontSize(14)
                      .fontColor('#999999')
                      .textAlign(TextAlign.End)
                      .margin({ right: 15 })
                      .height(30)
                    Row()
                      .width('95%').height(0.5)
                      .backgroundColor('#999999')
                  }.width('100%').height(80).alignContent(Alignment.BottomEnd)
                  .onClick(()=>{
                    HMRouterMgr.push({pageUrl:'PatientDetailsComp',param:{"patient_uuid":rowModel.uuid}})
                    // router.pushUrl({
                    //   url:'pages/PatientsPage/PatientDetailsPage',
                    //   params:{"patient_uuid":rowModel.uuid}
                    // })
                  })
                }.width('100%')
              })
            }
          })
        }
        .width('100%')
        .height('calc(100% - 55vp - 56vp)')
        .backgroundColor('#f4f4f4')
        .scrollBar(BarState.Off)
        .sticky(StickyStyle.Header)
        .margin({top:55})

        List() {
          ForEach(this.groupSortList, (item: sortModel) => {
            ListItem() {
              Column() {
                Row() {
                  Text(item.name)
                    .fontSize(16)
                    .fontColor(item.isSeleted ? $r('app.color.main_color') : 'rgba(144,144,144)')
                    .margin({ left: 20 })
                  Blank()
                  if (item.isSeleted) {
                    Image($r('app.media.chose_card'))
                      .width(20).height(20).margin({ right: 25 })
                  }
                }.width('100%').height(50).backgroundColor(Color.White)

                Blank()
                  .width('100%').height(1).backgroundColor($r('app.color.main_color')).margin({left:20})
              }.onClick(()=>{
                this.isGroupSelected = true;
                this.innerSortSelected = false
                this.groupSortSelected = false
                this.groupSort = String(item.name);
                this.group_sort = item.name == '按首字母' ? '0' : '1'
                this.groupSortList.forEach((element: sortModel) => {
                  element.isSeleted = false
                })
                const indexof = this.groupSortList.indexOf(item)
                if (indexof !== -1) {
                  this.groupSortList[indexof].isSeleted = true
                }
                this.groupSortList = [...this.groupSortList]
                this.getGroupData()
              })
            }
          })
        }.width('100%').height('calc(100% - 55vp)').backgroundColor('rgba(0,0,0,0.5)').margin({top:55})
        .visibility(this.groupSortSelected?Visibility.Visible:Visibility.Hidden)

        List() {
          ForEach(this.innerSortList, (item: sortModel) => {
            ListItem() {
              Column() {
                Row() {
                  Text(item.name)
                    .fontSize(16)
                    .fontColor(item.isSeleted ? $r('app.color.main_color') : 'rgba(144,144,144)')
                    .margin({ left: 20 })
                  Blank()
                  if (item.isSeleted) {
                    Image($r('app.media.chose_card'))
                      .width(20).height(20).margin({ right: 25 })
                  }
                }.width('100%').height(50).backgroundColor(Color.White)

                Blank()
                  .width('95%').height(1).backgroundColor($r('app.color.main_color'))
              }
              .onClick(()=>{
                this.IsInnerSelected = true
                this.innerSortSelected = false
                this.groupSortSelected = false
                this.innerSort = String(item.name);
                this.list_sort = item.name == '按首字母' ? '0' : '1'
                this.innerSortList.forEach((element: sortModel) => {
                  element.isSeleted = false
                });
                const indexof = this.innerSortList.indexOf(item)
                if (indexof !== -1) {
                  this.innerSortList[indexof].isSeleted = true
                }
                this.innerSortList = [...this.innerSortList]
                this.getGroupData()
              })
            }
          })
        }.width('100%').height('calc(100% - 55vp)').backgroundColor('rgba(0,0,0,0.5)').margin({top:55})
        .visibility(this.innerSortSelected?Visibility.Visible:Visibility.Hidden)

        Image($r('app.media.lifetime_right_icon'))
          .width(76).height(40)
          .position({ x: '80%', y: '80%' }) // 定位到右下角
          .visibility(this.isMaiLanHidden?Visibility.Visible:Visibility.Hidden)

      }.width('100%').height('calc(100% - 56vp)').backgroundColor('#f4f4f4').alignContent(Alignment.TopStart)
    }
  }

  @Builder
  itemHeaderView(model:groupModel,index:number) {
    Column() {
      Row() {
        Image(model.isShow ? $r('app.media.group_turnDown') : $r('app.media.group_turnRight'))
          .width(model.isShow ? 10 : 5).height(model.isShow ? 5 : 10).margin({ left: 15 })
        Text(model.name + ' | ' + model.patientNum)
          .fontSize(16)
          .fontColor('#333333')
          .margin({ left: 15 })
          .layoutWeight(1)
        Text('编辑')
          .width(60)
          .height(60)
          .fontSize(15)
          .fontColor('#981308')
          .margin({ right: 15 })
          .textAlign(TextAlign.End)
          .visibility(model.name != '待分组患者'?Visibility.Visible:Visibility.Hidden)
          .onClick(()=>{
            const pathInfo1: HMRouterPathInfo = {
              pageUrl: 'BuildOrEditGroupPage',
              param:{"title":"编辑分组","group_uuid":model.uuid,"group_name":model.name}
            };
            const callback: HMRouterPathCallback = {
              onResult: (popInfo: PopInfo) => {
                const result = popInfo.result as Record<string,string>
                const isFreash = Boolean(result.nameString)
                if (isFreash) {
                  this.getGroupData()
                }
              }
            };
            HMRouterMgr.push(pathInfo1,callback)
            // router.pushUrl({
            //   url: 'pages/PatientsPage/BuildOrEditGroupPage',
            //   params:{"title":"编辑分组","group_uuid":model.uuid,"group_name":model.name}
            // })
          })
      }
      .width('100%')
      .height(60)
      .onClick(() => {
        let newModel = new groupModel(model);
        newModel.isShow = !model.isShow;
        this.groupListArray[index] = newModel;
        this.groupListArray = [...this.groupListArray];
      })
      Blank()
        .width('100%').height(1).backgroundColor('#666666')
    }.width('100%').height(61).backgroundColor(Color.White)
  }
}

export class sortModel {
  name?:string;
  isSeleted:boolean = false;
}