import promptAction from '@ohos.promptAction';
import { authStore } from '@itcast/basic';
import { HdNav } from '@itcast/basic';

@Entry
@Component
struct EditIntroductionPage {
  controller : TextAreaController = new TextAreaController()
  @State inputValue: string = authStore.getUser().intro;

  build() {
    Column() {
      HdNav({ title: '修改个人简介', showRightIcon: false, hasBorder: true })

      // 手机号输入框
      Row() {
        TextArea({controller:this.controller,text:this.inputValue,placeholder:'请编辑您的个人简介（500字以内）'})
          .fontSize(16)
          .borderRadius(5)
          .borderWidth(1)
          .borderColor('#999999')
          .backgroundColor(Color.White)
          .height(150)
          .onChange((value:string)=>{
            this.inputValue = value;
          })
      }
      .margin({ top: 10 })
      .width('95%')

      // 验证码输入区域
      Row() {
        Text('请填写您的个人简介，让更多的人了解您')
          .fontSize(15)
          .fontColor('#333333')
          .width('95%')
      }
      .margin({top:15})
      .width('95%')
      .justifyContent(FlexAlign.SpaceBetween)

      // 登录按钮
      Button({type:ButtonType.Normal}){
        Text('保 存')
      }
      .width('90%')
      .height(48)
      .borderRadius(8)
      .borderWidth(1)
      .borderColor('#8B2316')
      .backgroundColor(Color.White)
      .fontColor('#8B2316')
      .fontSize(18)
      .position({x:'5%',y:'80%'})
      .onClick(() => {
        // 处理登录逻辑
        if (this.inputValue.length > 0) {
          promptAction.showToast({message:'请输入简介'})
          return
        }

        // 执行登录操作...
      })
    }
    .width('100%')
    .height('100%')
    .backgroundColor('#FFFFFF')
  }
}