<div class="flex items-center gap-2 justify-between">
  <div class="flex flex-col">
    <span class="font-bold text-lg">سفارش #{{ heldOrder.orderNumber }}</span>
    <span class="text-sm text-muted-color">
      {{ heldOrder.orderItems.length }} کالا -
      <span [appPriceMask]="heldOrder.totalAmount"></span>
    </span>
  </div>
  <div class="flex items-center gap-2">
    <button
      pButton
      size="small"
      type="button"
      label="بارگذاری"
      icon="pi pi-download"
      (click)="loadHeldOrder(heldOrder.id)"
    ></button>
    <button
      pButton
      size="small"
      type="button"
      label="حذف"
      icon="pi pi-trash"
      severity="danger"
      (click)="cancelHeldOrder(heldOrder.id)"
    ></button>
  </div>
</div>
