<div class="flex flex-col gap-6">
  <app-card-data cardTitle="اطلاعات کاربر" [editable]="true" [(editMode)]="editMode">
    <div class="flex flex-col gap-4">
      <div class="listKeyValue">
        <app-key-value label="نام" [value]="user()?.fullname" />
        <app-key-value label="شماره تماس" [value]="user()?.mobile_number" />
      </div>
    </div>
  </app-card-data>

  <superAdmin-user-account-list [userId]="userId()" />

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