<ion-header>
  <ion-toolbar>
    <ion-title>服务页面</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-button expand="block" color="primary" (click)="generateAISchedule()" class="ai-schedule-button">
    <ion-icon slot="start" name="calendar"></ion-icon>
    AI时间表生成
  </ion-button>

  <h2 class="center-title">自律评分</h2>
  <ion-card class="custom-card">
    <ion-card-content>
      <div *ngIf="!hasSelfDisciplineScore">
        <ion-button expand="block" color="secondary" (click)="generateSelfDisciplineScore()">
          生成
        </ion-button>
      </div>
      <div *ngIf="hasSelfDisciplineScore">
        <p>{{ selfDisciplineScore }}</p>
        <p>{{ selfDisciplineEvaluation }}</p>
      </div>
    </ion-card-content>
  </ion-card>

  <h2 class="center-title">时间优化建议</h2>
  <ion-card class="custom-card">
    <ion-card-content>
      <div *ngIf="!hasTimeOptimizationSuggestion">
        <ion-button expand="block" color="tertiary" (click)="generateTimeOptimizationSuggestion()">
          生成
        </ion-button>
      </div>
      <div *ngIf="hasTimeOptimizationSuggestion">
        <p>{{ timeOptimizationSuggestion }}</p>
      </div>
    </ion-card-content>
  </ion-card>
</ion-content>
