<h3 class="py-2 px-3 !mb-0">
  {{ ref.data.tours[0].ordinanceType }} - {{ ref.data.tours[0].patientName }}
  {{ ref.data.tours[0].patientSurname }}
</h3>
<hr />
<mat-tab-group>
  @if(ref.data.currentState !== TicketState.Created) {
  <mat-tab label="Aktionen">
    <ng-container>
    @switch (ref.data.currentState) {
      @case (TicketState.UserInteractionRequired) {
        <dks-ticket-user-action-required
          [ticket]="ref.data"
          (saveFormData)="setDocumentInfo($event)"
        ></dks-ticket-user-action-required>
      }
      @case (TicketState.TdUncertain) {
        <dks-ticket-td-uncertain
          [ticket]="ref.data"
          (saveFormData)="setDocumentInfo($event)"
        ></dks-ticket-td-uncertain>
      }
      @case (TicketState.DocumentsMissing) {
        <dks-ticket-documents-missing
          [ticket]="ref.data"
          (saveFormData)="setDocumentInfo($event)"
        ></dks-ticket-documents-missing>
      }
    }
    </ng-container>
  </mat-tab>
  }
  <mat-tab label="Übersicht">
    <dks-ticket-overview [ticket]="ref.data"></dks-ticket-overview>
  </mat-tab>
  <mat-tab label="Touren">
    <dks-ticket-tours [ticket]="ref.data"></dks-ticket-tours>
  </mat-tab>
</mat-tab-group>
