<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-title>
      生成个性化运动计划
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <!-- 用户输入身高 -->
  <ion-item>
    <ion-label position="floating">身高 (cm)</ion-label>
    <ion-input [(ngModel)]="userHeight" type="number" placeholder="请输入身高" required></ion-input>
  </ion-item>

  <!-- 用户输入体重 -->
  <ion-item>
    <ion-label position="floating">体重 (kg)</ion-label>
    <ion-input [(ngModel)]="userWeight" type="number" placeholder="请输入体重" required></ion-input>
  </ion-item>

  <!-- 用户选择健身目标 -->
  <ion-item>
    <ion-label position="floating">健身目标</ion-label>
    <ion-select [(ngModel)]="userGoal" placeholder="请选择健身目标" required>
      <ion-select-option value="增肌">增肌</ion-select-option>
      <ion-select-option value="减脂">减脂</ion-select-option>
      <ion-select-option value="保持体形">保持体形</ion-select-option>
    </ion-select>
  </ion-item>

  <!-- 用户输入兴趣爱好 -->
  

  <!-- 执行生成运动计划的按钮 -->
  <ion-button (click)="generateWorkoutPlan()" expand="block">生成运动计划</ion-button>
  
  <!-- 展示生成的运动计划 -->
  <div *ngIf="workoutPlan">
    <h2>个性化运动计划</h2>
    <p>{{ workoutPlan }}</p>
  </div>

  <!-- 错误消息展示 -->
  <div *ngIf="errorMessage" style="color: red;">
    <p>{{ errorMessage }}</p>
  </div>
</ion-content>
