// 关于应用（ArkTS 严格类型，无 any）
import { HdsNavigation, HdsNavigationTitleMode, ScrollEffectType } from '@kit.UIDesignKit';
import { hdsMaterial } from '@hms.hds.hdsMaterial';
import { FontScaleLevel, FONT_SCALE_MAP } from '../../utils/FontScale';

@Entry
@Component
struct About {
  @StorageProp('fontScale') fontScaleLevel: FontScaleLevel = 'system';

  private scroller: Scroller = new Scroller();

  private scaleFor(): number {
    return FONT_SCALE_MAP[this.fontScaleLevel] ?? 1.0;
  }

  build() {
    HdsNavigation() {
      Column() {
        Scroll(this.scroller) {
          Column({ space: 16 }) {
            // Logo
          Column({ space: 10 }) {
            Column() {
              Text('养')
                .fontSize(44)
                .fontWeight(FontWeight.Bold)
                .fontColor('#FFFFFF')
            }
            .width(88)
            .height(88)
            .justifyContent(FlexAlign.Center)
            .alignItems(HorizontalAlign.Center)
            .backgroundColor($r('app.color.accent_blue'))
            .borderRadius(24)

            Text('数智护老')
              .fontSize(Math.round(24 * this.scaleFor()))
              .fontWeight(FontWeight.Bold)
              .fontColor($r('app.color.text_primary'))
            Text('SmartSenior · 智慧养老')
              .fontSize(Math.round(15 * this.scaleFor()))
              .fontColor($r('app.color.text_secondary'))
            Text('版本 1.0.0')
              .fontSize(Math.round(13 * this.scaleFor()))
              .fontColor($r('app.color.inactive_tab'))
          }
          .width('100%')
          .padding({ top: 20 })
          .alignItems(HorizontalAlign.Center)

          // 说明
          Column({ space: 8 }) {
            Text('关于本应用')
              .fontSize(Math.round(17 * this.scaleFor()))
              .fontWeight(FontWeight.Bold)
              .fontColor($r('app.color.text_primary'))
              .width('100%')
            Text('数智护老是面向养老机构的智慧照护客户端，为护理员、护士、家属、老人及管理人员提供护理记录、健康预警、订餐服务、智能助手等功能，帮助提升照护质量与管理效率。')
              .fontSize(Math.round(15 * this.scaleFor()))
              .fontColor($r('app.color.text_secondary'))
              .lineHeight(Math.round(24 * this.scaleFor()))
              .width('100%')
          }
          .width('100%')
          .padding(16)
          .backgroundColor($r('app.color.background_card'))
          .borderRadius(14)
          .alignItems(HorizontalAlign.Start)

          // 免责声明
          Column({ space: 8 }) {
            Text('免责声明')
              .fontSize(Math.round(17 * this.scaleFor()))
              .fontWeight(FontWeight.Bold)
              .fontColor($r('app.color.text_primary'))
              .width('100%')
            Text('本应用内由 AI 生成的内容仅供参考，不构成医疗建议。老人的健康与照护请以医护人员专业判断为准。')
              .fontSize(Math.round(14 * this.scaleFor()))
              .fontColor($r('app.color.text_secondary'))
              .lineHeight(Math.round(22 * this.scaleFor()))
              .width('100%')
          }
          .width('100%')
          .padding(16)
          .backgroundColor($r('app.color.background_card'))
          .borderRadius(14)
          .alignItems(HorizontalAlign.Start)

          Text('© 2026 SmartSenior鸿蒙版.CAPTAIN 1275 All rights reserved.')
            .fontSize(Math.round(12 * this.scaleFor()))
            .fontColor($r('app.color.inactive_tab'))
            .margin({ bottom: 20 })
        }
        .width('100%')
        .padding({ left: 16, right: 16, top: 92, bottom: 30 })
      }
      .width('100%')
      .layoutWeight(1)
      .scrollBar(BarState.Auto)
      .edgeEffect(EdgeEffect.Spring)
      }
      .width('100%')
      .height('100%')
    }
    .mode(NavigationMode.Stack)
    .titleBar({
      content: {
        title: {
          mainTitle: '关于应用',
        },
      },
      style: {
        scrollEffectOpts: {
          enableScrollEffect: false,
          scrollEffectType: ScrollEffectType.GRADIENT_BLUR,
        },
        systemMaterialEffect: {
          materialType: hdsMaterial.MaterialType.ADAPTIVE,
          materialLevel: hdsMaterial.MaterialLevel.EXQUISITE,
        },
      },
      avoidLayoutSafeArea: false,
      enableComponentSafeArea: false,
    })
    .bindToScrollable([this.scroller])
    .hideBackButton(false)
    .titleMode(HdsNavigationTitleMode.MINI)
    .ignoreLayoutSafeArea([LayoutSafeAreaType.SYSTEM], [LayoutSafeAreaEdge.TOP, LayoutSafeAreaEdge.BOTTOM])
    .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])
    .backgroundColor($r('app.color.background'))
  }
}