import { Component, Input } from '@angular/core';
import { CommonModule } from '@angular/common';

//components
import { CaPayrollListSummaryOverviewComponent } from '../ca-payroll-list-summary-overview/ca-payroll-list-summary-overview.component';

//models
import { PayrollListSummaryOverview } from '../../models/payroll-list-summary.model';

@Component({
    selector: 'app-ca-payroll-list-summary-overview-table',
    imports: [CommonModule, CaPayrollListSummaryOverviewComponent],
    templateUrl: './ca-payroll-list-summary-overview-table.component.html',
    styleUrls: ['./ca-payroll-list-summary-overview-table.component.scss']
})
export class CaPayrollListSummaryOverviewTableComponent {
  @Input() data!: PayrollListSummaryOverview[];
  public openIndex!: number | null;

  public identity(index: number, item: PayrollListSummaryOverview): string {
    return item.text;
  }

  public toggleItem(index: number): number | void {
    this.openIndex = this.openIndex === index ? null : index;
  }
}