<div class="title">{{ item.name }}</div>

<div class="value-row t-2">
  <value-box
    [value]="isSimpleItem(item) ? item.value : item.isReady ? 'Ja' : 'Nein'"
    [label]="isSimpleItem(item) ? 'inventory.value' : 'inventory.ready'"
  ></value-box>
  <value-box [value]="item.weight" [label]="'inventory.weight'"></value-box>
</div>
<div class="value-row t-2">
  <value-box [value]="item.quantity" [label]="'inventory.quantity'"></value-box>
  <value-box
    [value]="item.quantity * item.weight"
    [label]="'inventory.total'"
  ></value-box>
</div>

<div class="input-label t-2">{{ "inventory.description" | translate }}</div>
<div
  class="t-1"
  style="padding-left: 0.25rem"
  [innerHTML]="item.description"
></div>

<div class="vertical-buttons bottom">
  <ui-button
    [color]="'green'"
    [width]="'w22'"
    [type]="'edit'"
    (click)="close('update')"
  >
  </ui-button>
  <ui-button
    [color]="'red'"
    [width]="'w22'"
    [type]="'delete'"
    (click)="close('delete')"
  >
  </ui-button>
</div>
