<h2>{{ ref.data.title }}</h2>
<mat-divider></mat-divider>
<article class="my-4 mx-2">
  <div class="pb-4" *dksRole="['admin']">
    <a [routerLink]="['/control-center', ref.data.anomalyId]">View Anomaly</a>
  </div>
  @for (target of ref.data.solution; track target) {
  <div class="pb-4">
    <span class="font-bold text-base">{{ target.name }}</span>
    <ul class="ml-4">
      @for (step of target.steps; track step) {
      <li class="list-disc">
        {{ step.description }}
      </li>
      }
    </ul>
  </div>
  }
</article>
<mat-divider></mat-divider>
<div class="flex justify-end mt-2">
  <button mat-button (click)="ref.close('sleep')">
    <mat-icon>schedule</mat-icon> Stummschalten
  </button>
  <button mat-button class="warn-btn" (click)="ref.close('accept')">
    <mat-icon>check_circle_outline</mat-icon> Akzeptieren
  </button>
</div>
