import { HdNav } from '@itcast/basic';
import { promptAction } from '@kit.ArkUI'

@Entry
@Component
struct CancelAccount {
  @State feedbackText: string =
    ' 账户注销后不可恢复，您将永久放弃此账户现有权益\n' +
    ' 1.您将不能再使用此账户随访患者，不能接收随访患者发送的信息\n' +
    ' 2.您所有的咨询、订单、下载记录将被清除且不能找回\n' +
    ' 3.肝胆相照平台提供的文献、视频等服务将结束\n' +
    ' 4.申请注销账户前，请确保账户相关权益已结清\n' +
    ' 收到您的注销申请后，我们将在10个工作日内帮您完成注销及数据清除工作'
  controller:TextAreaController = new TextAreaController();

  build() {
    Column() {
      HdNav({ title: '注销账户', showRightIcon: false, hasBorder: true })

      Row() {
        Text(this.feedbackText)
          .fontSize(13)
          .margin(8)
      }
      .width('100%')
      .height('auto')
      .margin(0)
      .backgroundColor(Color.White)
      .borderRadius(5)
      .border({
        width:1,
        color:$r('app.color.main_color')
      })

      // 提交按钮
      Button('我已确认风险，提交注销申请', {
        type: ButtonType.Normal,
        stateEffect: true
      })
        .fontSize(13)
        .fontColor(Color.White)
        .width('90%')
        .height(45)
        .backgroundColor('#8B2316')
        .borderRadius(3)
        .margin(20)
        .border({
          width:1,
          color:'#8B2316'
        })
        .onClick(() => this.submitFeedback())
    }
    .width('100%')
    .height('100%')
    .backgroundColor(Color.White)
  }
  // 提交反馈处理
  private submitFeedback(): void {
    // 提交逻辑实现
    promptAction.showDialog({
      title:'注销账户',
      message:'确定要注销肝胆相照平台账号吗？\n注销后您的所有数据将无法恢复',
      alignment:DialogAlignment.Center,
      buttons:[
        {
          text:'取消',
          color:'#333333'
        },
        {
          text:'确定',
          color:'#999999'
        }
      ]
    })
      .then(data=>{
        console.info('showDialog success, click button: '+data.index)
      })
      .catch((error:Error)=>{
        console.info('showDialog error:'+error)
      })
  }
}