@if (hasTasks) {
  <div class="gantt-toolbar">
    @for (mode of viewModes; track mode) {
      <button
        type="button"
        class="btn btn-sm"
        [class.btn-primary]="activeViewMode === mode"
        [class.btn-outline-secondary]="activeViewMode !== mode"
        (click)="setViewMode(mode)"
      >{{ viewModeLabels[mode] }}</button>
    }
    <button
      type="button"
      class="btn btn-sm btn-outline-secondary"
      (click)="scrollToToday()"
    >Aujourd'hui</button>
  </div>
  <div class="gantt-wrapper">
    <div #ganttContainer class="gantt-container"></div>
  </div>
} @else {
  <p class="text-secondary small mb-0">
    Aucune tâche avec des dates de début et de fin définies.
  </p>
}