<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button (click)="openTaskModal()">
        <ion-icon slot="icon-only" name="add"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>今日任务</ion-title>
    <ion-buttons slot="end">
      <ion-button>
        <ion-icon slot="icon-only" name="search"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <div class="timestamp">{{ currentDate }}</div>

  <app-task-card
    *ngFor="let card of cards"
    [title]="card.title"
    [tags]="card.tags"
    [dueTime]="card.dueTime"
    [subtasksCount]="card.subtasks?.length || 0"
  ></app-task-card>
</ion-content>
