@if (!editMode) {
  <p-selectbutton
    [options]="consumerTypes"
    [(ngModel)]="selectedType"
    optionValue="value"
    optionLabel="name"
    (onChange)="changeType($event.value)"
  ></p-selectbutton>
}
<form [formGroup]="form" (submit)="submit()" class="flex flex-col gap-4 mt-4">
  @if (selectedType() === "INDIVIDUAL" && form.controls.individual) {
    <field-first-name [control]="form.controls.individual.controls.first_name" />
    <field-last-name [control]="form.controls.individual.controls.last_name" />
    <field-mobile-number [control]="form.controls.individual.controls.mobile_number" />
    <field-national-code [control]="form.controls.individual.controls.national_code" />
  } @else if (form.controls.legal) {
    <field-legal-name [control]="form.controls.legal.controls.name" />
    <field-registration-code [control]="form.controls.legal.controls.registration_code" />
  }

  @if (!editMode) {
    <p-divider align="center"> اطلاعات ورود </p-divider>
    <!-- @ts-ignore -->
    <field-username [control]="form.controls.username" />
    <shared-password-input
      [passwordControl]="form.controls.password"
      [confirmPasswordControl]="form.controls.confirmPassword"
    />
  }

  <app-form-footer-actions [submitLabel]="'ذخیره'" [loading]="submitLoading()" (onCancel)="close()" />
</form>