psp_panel/src/app/domains/superAdmin/modules/partners/views/single.component.html

<div class="flex flex-col gap-6">
  <app-card-data cardTitle="اطلاعات شریک تجاری" [editable]="true" [(editMode)]="editMode">
    <ng-template #moreAction>
      <p-button outlined size="small" (onClick)="openChargeDialog()"> شارژ لایسنس‌ </p-button>
    </ng-template>
    <div class="flex flex-col gap-4">
      <div class="grid grid-cols-3 gap-4 items-center">
        <app-key-value label="عنوان شریک تجاری" [value]="partner()?.name" />
        <app-key-value label="کد شریک تجاری" [value]="partner()?.code" />
        <app-key-value label="تعداد لایسنس‌های خریداری شده" [value]="partner()?.licenses_status?.total" />
        <app-key-value label="تعداد لایسنس‌های منقضی شده" [value]="partner()?.licenses_status?.expired" />
        <app-key-value label="تعداد لایسنس‌های فروخته شده" [value]="partner()?.licenses_status?.used" />
        <app-key-value
          label="تعداد لایسنس‌های باقی‌مانده"
          [value]="
            (partner()?.licenses_status?.total || 0) -
            (partner()?.licenses_status?.used || 0) -
            (partner()?.licenses_status?.expired || 0)
          "
        />
      </div>
    </div>
  </app-card-data>

  <div class="max-h-[500px] flex">
    <admin-partner-licenses [partnerId]="partnerId()" class="w-full" />
  </div>

  <div class="max-h-[500px] flex">
    <admin-partner-chargeLicenseTransaction-list [partnerId]="partnerId()" class="w-full" />
  </div>

  <div class="max-h-[500px] flex">
    <superAdmin-partner-account-list [partnerId]="partnerId()" class="w-full" />
  </div>
</div>

<partner-form
  [(visible)]="editMode"
  [editMode]="true"
  [partnerId]="partnerId()"
  [initialValues]="partner() || undefined"
  (onSubmit)="getData()"
/>

<partner-charge-license-form-dialog
  [(visible)]="visibleChargeFormDialog"
  [partnerId]="partnerId()"
  (onSubmit)="getData()"
/>