<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-title>
      健康轻食
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <div class="container">
    <h1>饮食习惯</h1>
    <ion-input 
      [value]="xiguan" 
      (ionInput)="xiguanInput($event)" 
      placeholder="请写出平日的饮食" 
      autoGrow="true">
    </ion-input>

    <h1>饮食偏好</h1>
    <ion-input 
      [value]="jikou" 
      (ionInput)="jikouInput($event)" 
      placeholder="请写出 忌口和偏爱" 
      autoGrow="true">
    </ion-input>

    <h1>需求描述</h1>
    <ion-textarea 
      [value]="userPrompt" 
      (ionInput)="promptInput($event)" 
      placeholder="请进行描述" 
      autoGrow="true">
    </ion-textarea>

    <ion-button 
      (click)="sendMessage()" 
      expand="full" 
      class="submit-button">
      饮食方案生成
    </ion-button>
    
   
  
    <div *ngIf="!isComplete">
      {{responseMsg}}
    </div>
  
    <fm-markdown-preview *ngIf="isComplete" class="content-style" [content]="responseMsg"></fm-markdown-preview>

    <div>{{responseMsg}}</div>
</div>
</ion-content>