@if (pageLoading) {
  <div class="h-svh w-svw flex items-center justify-center">
    <p-progress-spinner />
  </div>
} @else {
  <p-card>
    <ng-template #header>
      <div class="p-4 flex items-center justify-between">
        <span class="text-xl font-bold">کاردکس کالای {{ product()?.name }} در انبار {{ inventory()?.name }}</span>
        <!-- <button pButton outlined icon="pi pi-refresh" [loading]="get()" (click)="getData()"></button> -->
      </div>
    </ng-template>

    <shared-cardex [loading]="getCardexLoading()" [items]="cardex() || []" />
  </p-card>
}