@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">کاردکس انبار {{ inventory()?.name }}</span>
      </div>
    </ng-template>

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