<app-page-data-list
  pageTitle="مدیریت شرکای تجاری"
  [addNewCtaLabel]="'افزودن شریک تجاری'"
  [columns]="columns"
  [showAdd]="true"
  emptyPlaceholderTitle="شریک تجاری‌ای یافت نشد"
  emptyPlaceholderDescription="برای افزودن شریک تجاری، روی دکمهٔ بالا کلیک کنید."
  [items]="items()"
  [loading]="loading()"
  [showDetails]="true"
  [showAdd]="true"
  [showEdit]="true"
  (onAdd)="openAddForm()"
  (onDetails)="toSinglePage($event)"
  (onEdit)="onEditClick($event)"
  (onRefresh)="refresh()"
>
  <ng-template #name let-item>
    <div class="flex items-center gap-2">
      <p-avatar
        [image]="item.logo_url"
        [title]="item.name"
        [label]="item.logo_url ? '' : item.name.slice(0, 2)"
        shape="square"
        size="large"
      ></p-avatar>
      {{ item.name }}
    </div>
  </ng-template>
  <ng-template #licensesStatus let-item>
    <span class="font-bold">
      {{ item.licenses_status.total }}
      <small class="small text-muted-color font-normal"> ({{ item.licenses_status.used }} عدد استفاده شده) </small>
    </span>
  </ng-template>
  <ng-template #accountQuotaStatus let-item>
    <span class="font-bold">
      {{ item.account_quota_status.total }}
      <small class="small text-muted-color font-normal"> ({{ item.account_quota_status.used }} عدد استفاده شده) </small>
    </span>
  </ng-template>
  <ng-template #licensesRenewStatus let-item>
    <span class="font-bold">
      {{ item.license_renew_status.total }}
      <small class="small text-muted-color font-normal"> ({{ item.license_renew_status.used }} عدد استفاده شده) </small>
    </span>
  </ng-template>
</app-page-data-list>
<partner-form
  [(visible)]="visibleForm"
  [editMode]="editMode()"
  [partnerId]="selectedItemForEdit()?.id"
  [initialValues]="selectedItemForEdit() || undefined"
  (onSubmit)="refresh()"
/>
