<div class="save-throw-field" (click)="openDetails()">
  <input
    class="save-throw-field__input"
    type="checkbox"
    [(ngModel)]="attribute.proficiency"
    (click)="updateAttribute(); $event.stopPropagation()"
  />

  <div class="save-throw-field__name">
    {{ "attributes." + attribute.name | translate }}
  </div>

  <div [class]="attribute.advantage" class="save-throw-field__value">
    <!-- TODO: Potential Advantage style -->
    <!-- @if (attribute.advantage !== "none") {
      <span>
        <icon [size]="'xs'" [type]="'UI'" [icon]="attribute.advantage!"></icon>
      </span>
    } -->
    {{ saveModifier }}
  </div>
</div>
