cbsnexora/src/app/deposits/recurring-deposits/recurring-deposits-account-stepper/recurring-deposits-account-details-step/recurring-deposits-account-details-step.component.ts

/**
 * Copyright since 2025 Mifos Initiative
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 */

/** Angular Imports */
import { Component, OnInit, Input, Output, EventEmitter, inject, ChangeDetectorRef } from '@angular/core';
import { UntypedFormGroup, UntypedFormBuilder, Validators, FormsModule } from '@angular/forms';
import { SettingsService } from 'app/settings/settings.service';
import { Dates } from 'app/core/utils/dates';
import { MatDialog } from '@angular/material/dialog';

/** Custom Services */
import { RecurringDepositsService } from '../../recurring-deposits.service';
import { ClientsService } from 'app/clients/clients.service';
import { MatTooltip } from '@angular/material/tooltip';
import { MatStepperPrevious, MatStepperNext } from '@angular/material/stepper';
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
import { MatIcon } from '@angular/material/icon';
import { AddRelatedClientDialogComponent } from 'app/current-accounts/current-account-stepper/current-account-details-step/add-related-client-dialog/add-related-client-dialog.component';
import { AlertService } from 'app/core/alert/alert.service';

/**
 * Recurring Deposits Account Details Step
 */
@Component({
  selector: 'mifosx-recurring-deposits-account-details-step',
  templateUrl: './recurring-deposits-account-details-step.component.html',
  styleUrls: ['./recurring-deposits-account-details-step.component.scss'],
  imports: [
    ...STANDALONE_SHARED_IMPORTS,
    MatTooltip,
    MatStepperPrevious,
    FaIconComponent,
    MatStepperNext,
    FormsModule,
    MatIcon
  ]
})
export class RecurringDepositsAccountDetailsStepComponent implements OnInit {
  private formBuilder = inject(UntypedFormBuilder);
  private recurringDepositsService = inject(RecurringDepositsService);
  private settingsService = inject(SettingsService);
  private dateUtils = inject(Dates);
  private cdr = inject(ChangeDetectorRef);
  private clientsService = inject(ClientsService);
  private dialog = inject(MatDialog);
  private alertService = inject(AlertService);

  /** Recurring Deposits Account Template */
  @Input() recurringDepositsAccountTemplate: any;

  /** Minimum date allowed. */
  minDate = new Date(2000, 0, 1);
  /** Maximum date allowed. */
  maxDate = new Date();
  /** Product Data */
  productData: any;
  /** Field Officer Data */
  fieldOfficerData: any;
  /** For edit recurring deposits form */
  isFieldOfficerPatched = false;
  /** Recurring Deposits Account Details Form */
  recurringDepositAccountDetailsForm!: UntypedFormGroup;

  isProductSelected = false;

  /** Recurring Deposits Account Template with product data  */
  @Output() recurringDepositsAccountProductTemplate = new EventEmitter();

  /** Local copy of product template for displaying classification info */
  productTemplate: any = null;
  accountTypeOptions: string[] = [];
  customerSegmentOptions: string[] = [];
  selectedAccountType: string | null = null;
  selectedCustomerSegment: string | null = null;

  // ── Client info (auto-fetched) ─────────────────────────────────────────
  clientDob: Date | null = null;
  clientAge: number | null = null;
  clientGender: string | null = null;
  primaryClientName = '';
  primaryClientCif = '';
  primaryClientId: number | null = null;
  primaryHolderShare = 0;

  // ── Status of Account (RBI) ────────────────────────────────────────────
  readonly accountStatusOptions = [
    { value: 'INDIVIDUAL_MALE', label: 'Individual (Male)', icon: 'person', color: '#3b82f6' },
    { value: 'INDIVIDUAL_FEMALE', label: 'Individual (Female)', icon: 'person_outline', color: '#ec4899' },
    { value: 'SINGLE', label: 'Single Account', icon: 'account_circle', color: '#0891b2' },
    { value: 'JOINT', label: 'Joint Account', icon: 'group', color: '#8b5cf6' },
    { value: 'MINOR', label: 'Minor Account', icon: 'child_care', color: '#f59e0b' },
    { value: 'SENIOR_CITIZEN', label: 'Senior Citizen', icon: 'elderly', color: '#10b981' }
  ];

  selectedAccountStatus = '';

  // ── Joint Account ──────────────────────────────────────────────────────
  jointHolders: Array<{
    clientId: number;
    clientName: string;
    clientCif: string;
    sharePercentage: number;
    isMandatory: boolean;
    signingAuthority?: string;
    role?: string;
  }> = [];

  modeOfOperation = '';

  readonly modeOfOperationOptions = [
    { value: 'EITHER_OR_SURVIVOR', label: 'E or S', sublabel: 'Either or Survivor', icon: 'how_to_vote' },
    { value: 'FORMER_OR_SURVIVOR', label: 'F or S', sublabel: 'Former or Survivor', icon: 'person' },
    { value: 'JOINTLY', label: 'Jointly', sublabel: 'All Must Sign', icon: 'groups' },
    { value: 'ANYONE_OR_SURVIVOR', label: 'Anyone', sublabel: 'Anyone or Survivor', icon: 'group' }
  ];

  // ── Individual Male — Special Category ────────────────────────────────
  selectedSpecialCategory = '';

  readonly specialCategoryOptions = [
    { value: 'DEFENCE', label: 'Defence Personnel', icon: 'military_tech' },
    { value: 'EX_SERVICEMAN', label: 'Ex-Serviceman', icon: 'shield' },
    { value: 'GOVT_EMPLOYEE', label: 'Government Employee', icon: 'account_balance' },
    { value: 'PHYSICALLY_CHALLENGED', label: 'Physically Challenged', icon: 'accessible' },
    { value: 'NRI', label: 'NRI (Non-Resident Indian)', icon: 'flight' },
    { value: 'NONE', label: 'None / General', icon: 'person' }
  ];

  // ── Individual Female — Weaker Section ────────────────────────────────
  selectedWeakerSection = '';

  readonly weakerSectionOptions = [
    { value: 'BPL', label: 'BPL (Below Poverty Line)', icon: 'volunteer_activism' },
    { value: 'SC_ST', label: 'SC / ST Category', icon: 'groups' },
    { value: 'MINORITY', label: 'Minority Community', icon: 'diversity_3' },
    { value: 'SHG', label: 'Self Help Group Member', icon: 'handshake' },
    { value: 'PMJDY', label: 'PMJDY Beneficiary', icon: 'savings' },
    { value: 'NONE', label: 'None / General', icon: 'person_outline' }
  ];

  // ── Minor Account ──────────────────────────────────────────────────────
  guardianClientId: number | null = null;
  guardianName = '';
  guardianCif = '';
  guardianRelationship = '';
  minorDob: Date | null = null;

  readonly guardianRelationshipOptions = [
    'Father',
    'Mother',
    'Legal Guardian',
    'Court Appointed Guardian'
  ];

  // ── Deposit Account Link ───────────────────────────────────────────────
  dalSelectedType: 'SAVINGS' | 'CURRENT' | null = null;
  dalAllSavings: any[] = [];
  dalAllCurrent: any[] = [];
  dalSearch = '';
  dalLoading = false;
  selectedLinkedAccount: any = null;

  get dalAccounts(): any[] {
    return this.dalSelectedType === 'SAVINGS' ? this.dalAllSavings : this.dalAllCurrent;
  }

  get dalFilteredAccounts(): any[] {
    const q = this.dalSearch.toLowerCase().trim();
    if (!q) return this.dalAccounts;
    return this.dalAccounts.filter(
      (a) => a.accountNo.toLowerCase().includes(q) || a.productName.toLowerCase().includes(q)
    );
  }

  selectDalType(type: 'SAVINGS' | 'CURRENT'): void {
    this.dalSelectedType = type;
    this.dalSearch = '';
    this.selectedLinkedAccount = null;
  }

  selectLinkedAccount(account: any): void {
    this.selectedLinkedAccount = account;
  }

  clearLinkedAccount(): void {
    this.selectedLinkedAccount = null;
    this.dalSelectedType = null;
    this.dalSearch = '';
  }

  private loadClientAccounts(): void {
    const clientId = String(this.recurringDepositsAccountTemplate?.clientId);
    if (!clientId) return;
    this.dalLoading = true;
    this.clientsService.getClientAccountData(clientId).subscribe({
      next: (data: any) => {
        this.dalAllSavings = (data?.savingsAccounts ?? [])
          .filter((a: any) => a.depositType?.code === 'depositAccountType.savingsDeposit')
          .map((a: any) => ({
            id: a.id,
            accountNo: a.accountNo,
            productName: a.productName ?? '',
            accountType: 'SAVINGS' as const,
            status: a.status?.value ?? '',
            balance: a.accountBalance ?? 0,
            currencyCode: a.currency?.code ?? ''
          }));
        this.dalAllCurrent = (data?.currentAccounts ?? []).map((a: any) => ({
          id: a.id,
          accountNo: a.accountNo,
          productName: a.productName ?? '',
          accountType: 'CURRENT' as const,
          status: a.status?.value ?? '',
          balance: a.accountBalance ?? 0,
          currencyCode: a.currency?.code ?? ''
        }));
        this.dalLoading = false;
        this.cdr.detectChanges();
      },
      error: () => {
        this.dalLoading = false;
      }
    });
  }

  constructor() {
    this.createRecurringDepositsAccountDetailsForm();
  }

  ngOnInit() {
    this.maxDate = this.settingsService.businessDate;
    this.buildDependencies();
    if (this.recurringDepositsAccountTemplate) {
      this.productData = this.recurringDepositsAccountTemplate.productOptions;
      if (this.recurringDepositsAccountTemplate.depositProductId) {
        this.recurringDepositAccountDetailsForm.patchValue({
          productId: this.recurringDepositsAccountTemplate.depositProductId,
          submittedOnDate:
            this.recurringDepositsAccountTemplate.timeline.submittedOnDate &&
            new Date(this.recurringDepositsAccountTemplate.timeline.submittedOnDate),
          externalId: this.recurringDepositsAccountTemplate.externalId
        });
      } else {
        this.recurringDepositAccountDetailsForm.patchValue({
          submittedOnDate: this.settingsService.businessDate
        });
      }
    }

    // Auto-detect account status from client DOB + capture primary holder info
    const clientId = this.recurringDepositsAccountTemplate?.clientId;
    if (clientId) {
      this.primaryClientId = clientId;
      this.clientsService.getClientData(String(clientId)).subscribe((client: any) => {
        this.primaryClientName = client?.displayName ?? client?.fullname ?? '';
        this.primaryClientCif = client?.cifNumber ?? client?.cifNo ?? '';
        if (client?.dateOfBirth) {
          const dob = this.parseClientDob(client.dateOfBirth);
          if (dob) {
            this.clientDob = dob;
            this.clientAge = this.calculateAge(dob);
            this.clientGender = client.gender?.name?.toLowerCase() ?? null;
            this.autoDetectAccountStatus();
          }
        }
        this.cdr.detectChanges();
      });
    }
  }

  /** Parse DOB from backend — handles array [yyyy, mm, dd] or string */
  private parseClientDob(dob: any): Date | null {
    if (!dob) return null;
    if (Array.isArray(dob) && dob.length >= 3) {
      return new Date(dob[0], dob[1] - 1, dob[2]);
    }
    const d = new Date(dob);
    return isNaN(d.getTime()) ? null : d;
  }

  /** Calculate full years from a date to today */
  private calculateAge(dob: Date): number {
    const today = this.settingsService.businessDate ?? new Date();
    let age = today.getFullYear() - dob.getFullYear();
    const monthDiff = today.getMonth() - dob.getMonth();
    if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < dob.getDate())) {
      age--;
    }
    return age;
  }

  isTileDisabled(value: string): boolean {
    if (value === 'MINOR') return this.clientAge === null || this.clientAge >= 18;
    if (value === 'SENIOR_CITIZEN') return this.clientAge === null || this.clientAge < 60;
    return false;
  }

  getTileTooltip(value: string): string {
    if (value === 'MINOR' && this.clientAge !== null && this.clientAge >= 18) {
      return `Age ${this.clientAge} yrs — Minor only allowed below 18 years`;
    }
    if (value === 'SENIOR_CITIZEN' && this.clientAge !== null && this.clientAge < 60) {
      return `Age ${this.clientAge} yrs — Senior Citizen only allowed at 60+ years`;
    }
    if (value === 'MINOR' && this.clientAge === null) return 'DOB not available — cannot verify age';
    if (value === 'SENIOR_CITIZEN' && this.clientAge === null) return 'DOB not available — cannot verify age';
    return '';
  }

  private autoDetectAccountStatus(): void {
    if (this.clientAge === null) return;
    if (this.clientAge < 18) {
      this.selectedAccountStatus = 'MINOR';
      this.minorDob = this.clientDob;
    } else if (this.clientAge >= 60) {
      this.selectedAccountStatus = 'SENIOR_CITIZEN';
    } else if (this.clientGender === 'female') {
      this.selectedAccountStatus = 'INDIVIDUAL_FEMALE';
    } else {
      this.selectedAccountStatus = 'INDIVIDUAL_MALE';
    }
  }

  /**
   * Creates recurring deposits account details form.
   */
  createRecurringDepositsAccountDetailsForm() {
    this.recurringDepositAccountDetailsForm = this.formBuilder.group({
      productId: [
        '',
        Validators.required
      ],
      submittedOnDate: [
        '',
        Validators.required
      ],
      fieldOfficerId: [''],
      externalId: [''],
      autoDebitFacility: [false]
    });
  }

  /**
   * Fetches recurring deposits account product template on productId value changes
   */
  buildDependencies() {
    const clientId = this.recurringDepositsAccountTemplate.clientId;
    this.recurringDepositAccountDetailsForm.get('productId')!.valueChanges.subscribe((productId: string) => {
      this.recurringDepositsService
        .getRecurringDepositsAccountTemplate(clientId, productId)
        .subscribe((response: any) => {
          if (!response.currency) {
            const selectedProduct = this.recurringDepositsAccountTemplate.productOptions?.find(
              (product: any) => product.id == productId
            );
            if (selectedProduct?.currency) {
              response.currency = selectedProduct.currency;
            } else if (this.recurringDepositsAccountTemplate.currency) {
              response.currency = this.recurringDepositsAccountTemplate.currency;
            }
          }
          this.productTemplate = response;
          this.accountTypeOptions = this.extractOptions(response.accountTypeOptions, response.accountType);
          this.customerSegmentOptions = this.extractOptions(response.customerSegmentOptions, response.customerSegment);
          this.selectedAccountType = response.accountType ?? null;
          this.selectedCustomerSegment = response.customerSegment ?? null;
          this.recurringDepositsAccountProductTemplate.emit(response);
          this.fieldOfficerData = response.fieldOfficerOptions;
          this.isProductSelected = true;
          if (response.shareLinkingEnabled) {
            this.loadClientAccounts();
          }
          this.recurringDepositAccountDetailsForm.patchValue({
            autoDebitFacility: !!response.autoDebitFacility
          });
          this.cdr.detectChanges();
          if (!this.isFieldOfficerPatched && this.recurringDepositsAccountTemplate.fieldOfficerId) {
            this.recurringDepositAccountDetailsForm
              .get('fieldOfficerId')!
              .patchValue(this.recurringDepositsAccountTemplate.fieldOfficerId);
            this.isFieldOfficerPatched = true;
          } else {
            this.recurringDepositAccountDetailsForm.get('fieldOfficerId')!.patchValue('');
          }
        });
    });
  }

  hasValue(val: any): boolean {
    return val !== null && val !== undefined && val !== '';
  }

  private extractOptions(options: any[], fallback?: string): string[] {
    if (Array.isArray(options) && options.length > 0) {
      return options.map((o: any) => o.value ?? o.name ?? o);
    }
    return fallback ? [fallback] : [];
  }

  formatTemplateDate(value: any): string {
    if (!value) return '';
    let dateValue: Date | null = null;
    if (value instanceof Date) {
      dateValue = value;
    } else if (Array.isArray(value) && value.length >= 3) {
      dateValue = new Date(value[0], value[1] - 1, value[2]);
    } else {
      dateValue = new Date(value);
    }
    if (!dateValue || Number.isNaN(dateValue.getTime())) {
      return Array.isArray(value) ? value.join('/') : String(value);
    }
    return this.dateUtils.formatDate(dateValue, 'M/d/yyyy') || '';
  }

  onGuardianChange(event: { clientId: number; displayName: string; cifNumber?: string } | null): void {
    this.guardianClientId = event?.clientId ?? null;
    this.guardianName = event?.displayName ?? '';
    this.guardianCif = event?.cifNumber ?? '';
  }

  // ── Joint Account helpers ──────────────────────────────────────────────
  openAddJointHolderDialog(): void {
    const ref = this.dialog.open(AddRelatedClientDialogComponent, {
      width: '500px',
      panelClass: 'arc-dialog-panel',
      disableClose: true
    });
    ref.afterClosed().subscribe((result) => {
      if (result) {
        const isPrimary = this.primaryClientCif && this.primaryClientCif === result.clientCif;
        const duplicate = isPrimary || this.jointHolders.some((h) => h.clientCif && h.clientCif === result.clientCif);
        if (duplicate) {
          this.alertService.alert({
            type: 'Error',
            message: `Account holder with CIF ${result.clientCif} is already added.`
          });
          return;
        }
        this.jointHolders = [
          ...this.jointHolders,
          { ...result, isMandatory: false }];
        this.autoSetModeOfOperation();
      }
    });
  }

  removeJointHolder(index: number): void {
    this.jointHolders = this.jointHolders.filter((_, i) => i !== index);
    this.autoSetModeOfOperation();
  }

  toggleJointHolderMandatory(holder: any): void {
    holder.isMandatory = !holder.isMandatory;
    this.autoSetModeOfOperation();
  }

  autoSetModeOfOperation(): void {
    const mandatory = this.jointHolders.filter((h) => h.isMandatory).length;
    if (mandatory === 0) {
      this.modeOfOperation = 'EITHER_OR_SURVIVOR';
    } else if (mandatory === 1) {
      this.modeOfOperation = 'FORMER_OR_SURVIVOR';
    } else {
      this.modeOfOperation = 'JOINTLY';
    }
  }

  get totalJointSharePercentage(): number {
    return (this.primaryHolderShare || 0) + this.jointHolders.reduce((sum, h) => sum + (h.sharePercentage || 0), 0);
  }

  get mandatoryJointCount(): number {
    return this.jointHolders.filter((h) => h.isMandatory).length;
  }

  get selectedModeLabel(): string {
    return this.modeOfOperationOptions.find((o) => o.value === this.modeOfOperation)?.sublabel ?? '';
  }

  get majorityDate(): string {
    const dob = this.minorDob ?? this.clientDob;
    if (!dob) return '';
    const d = new Date(dob);
    d.setFullYear(d.getFullYear() + 18);
    return this.dateUtils.formatDate(d, 'M/d/yyyy') || '';
  }

  /**
   * Returns recurring deposits account details form value.
   */
  get recurringDepositAccountDetails() {
    const value = this.recurringDepositAccountDetailsForm.value;

    if (this.selectedAccountType) {
      value.accountType = this.selectedAccountType;
    }
    if (this.selectedCustomerSegment) {
      value.customerSegment = this.selectedCustomerSegment;
    }

    if (this.selectedAccountStatus) {
      value.accountStatus = this.selectedAccountStatus;
    }

    if (this.selectedAccountStatus === 'JOINT') {
      value.modeOfOperation = this.modeOfOperation || null;
      value.jointHolders = [
        {
          clientId: this.primaryClientId,
          displayName: this.primaryClientName,
          cifNumber: this.primaryClientCif,
          sharePercentage: this.primaryHolderShare,
          isMandatory: true,
          isPrimary: true,
          signingAuthority: 'Mandatory',
          role: 'Primary Account Holder'
        },
        ...this.jointHolders.map((h) => ({
          clientId: h.clientId,
          displayName: h.clientName,
          cifNumber: h.clientCif,
          sharePercentage: h.sharePercentage,
          isMandatory: h.isMandatory,
          isPrimary: false,
          signingAuthority: h.signingAuthority || (h.isMandatory ? 'Mandatory' : 'Optional'),
          role: h.role || 'Co-Holder'
        }))
      ];
    }

    if (this.selectedAccountStatus === 'INDIVIDUAL_MALE' && this.selectedSpecialCategory) {
      value.specialCategory = this.selectedSpecialCategory;
    }

    if (this.selectedAccountStatus === 'INDIVIDUAL_FEMALE' && this.selectedWeakerSection) {
      value.weakerSection = this.selectedWeakerSection;
    }

    if (this.selectedAccountStatus === 'MINOR') {
      value.guardianClientId = this.guardianClientId;
      value.guardianName = this.guardianName;
      value.guardianCifNumber = this.guardianCif;
      value.guardianRelationship = this.guardianRelationship;
      value.minorDateOfBirth = this.minorDob ? this.dateUtils.formatDate(this.minorDob, 'dd MMMM yyyy') : null;
    }

    if (this.selectedLinkedAccount) {
      value.linkedAccountId = this.selectedLinkedAccount.id;
      value.linkedAccountType = this.selectedLinkedAccount.accountType;
      value.linkedAccountNo = this.selectedLinkedAccount.accountNo;
    }

    return value;
  }
}