carnet-portal-app/src/app/fees/security-deposit/security-deposit.component.ts

import { Component, EventEmitter, inject, Input, OnInit, Output, ViewChild } from '@angular/core';
import { FormBuilder, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
import { MatPaginator, MatPaginatorIntl } from '@angular/material/paginator';
import { MatSort } from '@angular/material/sort';
import { MatTableDataSource } from '@angular/material/table';
import { AngularMaterialModule } from '../../shared/module/angular-material.module';
import { CommonModule } from '@angular/common';
import { CustomPaginator } from '../../shared/custom-paginator';
import { Country } from '../../core/models/country';
import { SecurityDeposit } from '../../core/models/fees/security-deposit';
import { UserPreferences } from '../../core/models/user-preference';
import { ApiErrorHandlerService } from '../../core/services/common/api-error-handler.service';
import { CommonService } from '../../core/services/common/common.service';
import { NotificationService } from '../../core/services/common/notification.service';
import { SecurityDepositService } from '../../core/services/fees/security-deposit.service';
import { finalize } from 'rxjs';
import { HolderType } from '../../core/models/holder-type';

@Component({
  selector: 'app-security-deposit',
  imports: [AngularMaterialModule, ReactiveFormsModule, CommonModule],
  templateUrl: './security-deposit.component.html',
  styleUrl: './security-deposit.component.scss',
  providers: [{ provide: MatPaginatorIntl, useClass: CustomPaginator }],
})
export class SecurityDepositComponent implements OnInit {
  @ViewChild(MatPaginator, { static: false })
  set paginator(value: MatPaginator) {
    this.dataSource.paginator = value;
  }

  @ViewChild(MatSort) sort!: MatSort;

  displayedColumns: string[] = ['holderType', 'uscibMember', 'specialCommodity', 'specialCountry', 'rate', 'rateType', 'effectiveDate', 'expiredDate', 'actions'];
  dataSource = new MatTableDataSource<any>();
  depositForm: FormGroup;
  isEditing = false;
  currentDepositId: number | null = null;
  isLoading = false;
  changeInProgress = false;
  showForm = false;
  showExpiredRecords = false;
  securityDeposits: SecurityDeposit[] = [];

  readOnlyFields: any = {
    lastChangedDate: null,
    lastChangedBy: null
  };

  countries: Country[] = [];
  holderTypes: HolderType[] = [];

  @Input() isEditMode = false;
  @Input() spid: number = 0;
  @Input() userPreferences!: UserPreferences;
  @Output() hasSecurityDeposits = new EventEmitter<boolean>();

  uscibMemberOptions = [
    { value: 'Yes', label: 'Yes' },
    { value: 'No', label: 'No' },
    { value: 'Both', label: 'Both' }
  ];

  private fb = inject(FormBuilder);
  private securityDepositService = inject(SecurityDepositService);
  private notificationService = inject(NotificationService);
  private errorHandler = inject(ApiErrorHandlerService);
  private commonService = inject(CommonService);

  constructor() {
    this.depositForm = this.fb.group({
      holderType: ['CORP'],
      uscibMember: ['Yes', Validators.required],
      specialCommodity: [''],
      specialCountry: [''],
      rate: [0, [Validators.required, Validators.min(0)]],
      rateType: ['', [Validators.required]],
      effectiveDate: ['', Validators.required]
    });
  }

  ngOnInit(): void {
    this.loadSecurityDeposits();
    this.loadCountries();
    this.loadHolderTypes();
  }

  ngAfterViewInit() {
    this.dataSource.paginator = this.paginator;
    this.dataSource.sort = this.sort;
  }

  loadSecurityDeposits(): void {
    this.isLoading = true;
    this.securityDepositService.getSecurityDeposits(this.spid).pipe(finalize(() => {
      this.isLoading = false;
    })).subscribe({
      next: (deposits) => {
        this.securityDeposits = deposits;
        this.dataSource.data = this.securityDeposits;
        this.renderRecods();
      },
      error: (error) => {
        let errorMessage = this.errorHandler.handleApiError(error, 'Failed to load security deposits');
        this.notificationService.showError(errorMessage);
        console.error('Error loading security deposits:', error);
      }
    });
  }

  toggleShowExpiredRecords(): void {
    this.showExpiredRecords = !this.showExpiredRecords;
    this.renderRecods();
  }

  renderRecods(): void {
    if (this.showExpiredRecords) {
      this.dataSource.data = this.securityDeposits.filter(record => record.expired);
    } else {
      this.dataSource.data = this.securityDeposits.filter(record => !record.expired);
    }
  }

  loadCountries(): void {
    this.commonService.getCountries().subscribe({
      next: (countries) => {
        this.countries = countries;
      },
      error: (error) => {
        console.error('Error loading countries:', error);
      }
    });
  }

  loadHolderTypes(): void {
    this.commonService.getHolderTypes().subscribe({
      next: (holderTypes) => {
        this.holderTypes = [...holderTypes, { value: '', name: 'All', id: "0" }];
      },
      error: (error) => {
        console.error('Error loading holder types:', error);
      }
    });
  }
  // applyFilter(event: Event): void {
  //   const filterValue = (event.target as HTMLInputElement).value;
  //   this.dataSource.filter = filterValue.trim().toLowerCase();

  //   if (this.dataSource.paginator) {
  //     this.dataSource.paginator.firstPage();
  //   }
  // }

  addNewDeposit(): void {
    this.showForm = true;
    this.isEditing = false;
    this.currentDepositId = null;
    this.depositForm.reset({
      holderType: 'CORP',
      uscibMember: 'No',
      specialCountry: '',
    });
    this.depositForm.patchValue({ rate: 0 });

    this.depositForm.get('holderType')?.enable();
    this.depositForm.get('uscibMember')?.enable();
    this.depositForm.get('specialCommodity')?.enable();
    this.depositForm.get('specialCountry')?.enable();
  }

  editDeposit(deposit: SecurityDeposit): void {
    this.showForm = true;
    this.isEditing = true;
    this.currentDepositId = deposit.securityDepositId;
    this.depositForm.patchValue({
      holderType: deposit.holderType,
      uscibMember: deposit.uscibMember,
      specialCommodity: deposit.specialCommodity,
      specialCountry: deposit.specialCountry,
      rate: deposit.rate,
      rateType: deposit.rateType,
      effectiveDate: deposit.effectiveDate
    });

    this.readOnlyFields.lastChangedDate = deposit.dateCreated;
    this.readOnlyFields.lastChangedBy = deposit.createdBy;

    this.depositForm.get('holderType')?.disable();
    this.depositForm.get('uscibMember')?.disable();
    this.depositForm.get('specialCommodity')?.disable();
    this.depositForm.get('specialCountry')?.disable();
  }

  saveDeposit(): void {
    if (this.depositForm.invalid) {
      this.depositForm.markAllAsTouched();
      return;
    }

    const depositData = {
      ...this.depositForm.value,
      specialCommodity: this.depositForm.value.specialCommodity || null,
      specialCountry: this.depositForm.value.specialCountry || null
    };

    const saveObservable = this.isEditing && this.currentDepositId
      ? this.securityDepositService.updateSecurityDeposit(this.currentDepositId, depositData)
      : this.securityDepositService.createSecurityDeposit(this.spid, depositData);

    this.changeInProgress = true;
    saveObservable.pipe(finalize(() => {
      this.changeInProgress = false;
    })).subscribe({
      next: () => {
        this.notificationService.showSuccess(`Security deposit ${this.isEditing ? 'updated' : 'added'} successfully`);
        this.loadSecurityDeposits();
        this.cancelEdit();
      },
      error: (error) => {
        let errorMessage = this.errorHandler.handleApiError(error, `Failed to ${this.isEditing ? 'update' : 'add'} security deposit`);
        this.notificationService.showError(errorMessage);
        console.error('Error saving security deposit:', error);
      }
    });
  }

  // deleteDeposit(depositId: string): void {
  //   const dialogRef = this.dialog.open(ConfirmDialogComponent, {
  //     width: '350px',
  //     data: {
  //       title: 'Confirm Delete',
  //       message: 'Are you sure you want to delete this security deposit?',
  //       confirmText: 'Delete',
  //       cancelText: 'Cancel'
  //     }
  //   });

  //   dialogRef.afterClosed().subscribe(result => {
  //     if (result) {
  //       this.securityDepositService.deleteSecurityDeposit(depositId).subscribe({
  //         next: () => {
  //           this.notificationService.showSuccess('Security deposit deleted successfully');
  //           this.loadSecurityDeposits();
  //         },
  //         error: (error) => {
  //           this.notificationService.showError('Failed to delete security deposit');
  //           console.error('Error deleting security deposit:', error);
  //         }
  //       });
  //     }
  //   });
  // }

  cancelEdit(): void {
    this.showForm = false;
    this.isEditing = false;
    this.currentDepositId = null;
    this.depositForm.reset({
      holderType: 'CORP',
      uscibMember: 'No',
      specialCountry: '',
    });
  }

  getHolderTypeLabel(value: string): string {
    const type = this.holderTypes.find(t => t.value === value);
    return type ? type.name : value;
  }

  getCountryName(code: string): string {
    const country = this.countries.find(c => c.value === code);
    return country ? country.name : code;
  }
}