<div
  class="flex flex-col gap-6 p-6 rounded-2xl text-isa-neutral-900 isa-text-body-1-regular"
  [class.bg-isa-white]="status() === ReceiptCompleteStatus.Offen"
  [class.bg-isa-neutral-400]="status() === ReceiptCompleteStatus.Abgeschlossen"
>
  <div class="flex flex-row justify-start gap-6">
    <div class="flex flex-col">
      <div>Warenbegleitschein</div>
      <div class="isa-text-body-1-bold">#{{ receiptNumber() }}</div>
    </div>

    <div class="flex flex-col">
      <div>Anzahl Positionen</div>
      <div class="isa-text-body-1-bold">{{ itemQuantity() }}</div>
    </div>
    <div class="flex-grow"></div>
    <div class="flex flex-col w-32">
      <div>Status</div>
      <div class="isa-text-body-1-bold">{{ status() }}</div>
    </div>
  </div>

  @if (status() === ReceiptCompleteStatus.Offen) {
    <lib-remission-return-receipt-actions
      [remissionReturn]="remissionReturn()"
      (reloadData)="reloadList.emit()"
    >
    </lib-remission-return-receipt-actions>
  }
</div>
