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

<div class="flex flex-col gap-6">
  <app-card-data cardTitle="اطلاعات مشتری" [editable]="true" [(editMode)]="editMode">
    <ng-template #moreActions> </ng-template>
    <div class="flex flex-col gap-4">
      <div class="grid grid-cols-3 gap-4 items-center">
        <app-key-value label="نام مشتری" [value]="consumer()?.name" />
        <app-key-value label="نوع مشتری" [value]="consumer()?.type" />
        <app-key-value label="وضعیت" [value]="consumer()?.status" />
      </div>
    </div>
  </app-card-data>

  <superAdmin-consumer-account-list [consumerId]="consumerId()" />
  <superAdmin-consumer-businessActivities-list [consumerId]="consumerId()" />

  <superAdmin-consumer-form
    [(visible)]="editMode"
    [editMode]="true"
    [consumerId]="consumerId()"
    [initialValues]="consumer() || undefined"
    (onSubmit)="getData()"
  />
</div>