<div class="condition-container">
  <div class="condition" (click)="openConditionDetails()">
    <div class="condition-list">
      @for (condition of conditions; track condition ) {
      <div class="condition-item">{{ condition }}</div>
      } @empty {
      <div class="empty">-</div>
      }
    </div>
    <div class="condition-label">Zustände</div>
  </div>

  <div class="vertical-line"></div>

  <div class="exhaustion" (click)="openExhaustionDetails()">
    <input
      type="number"
      class="info-input"
      style="width: 6rem"
      [(ngModel)]="exhaustion"
      (change)="updateExhaustion()"
      (click)="$event.stopPropagation()"
    />
    <div class="info-label">Erschöpfung</div>
  </div>
</div>
