import {ChangeDetectionStrategy, Component, inject, input} from '@angular/core';
import {MatButton} from '@angular/material/button';
import {MatDivider} from '@angular/material/divider';
import {MatIcon} from '@angular/material/icon';
import {MatList, MatListItem} from '@angular/material/list';
import {
  DisaggComponentData,
  DisaggSummary,
  DisaggSummaryData,
} from '@ghsc/nshmp-utils-ts/libs/nshmp-haz/www/disagg-service';

import {AppService} from '../../services/app.service';

interface ComponentData {
  data: DisaggComponentData;
  summaries: Summary[];
}

interface Summary {
  data: DisaggSummaryData[];
  summary: DisaggSummary;
}

/**
 * Lists of disaggregation summaries from service response.
 */
@Component({
  changeDetection: ChangeDetectionStrategy.OnPush,
  host: {id: 'hazard-disagg-disagg-summary'},
  imports: [MatDivider, MatList, MatListItem, MatIcon, MatButton],
  selector: 'app-disagg-summary',
  styleUrl: './disagg-summary.component.scss',
  templateUrl: './disagg-summary.component.html',
})
export class DisaggSummaryComponent {
  service = inject(AppService);

  /** Disaggregation component data state */
  readonly componentData = input.required<ComponentData, DisaggComponentData>({
    transform: componentData => {
      return {
        data: componentData,
        summaries: componentData?.summary.map(summary => ({
          data: summary.data.map(data => {
            data.value = this.dataValue(data.value);
            return data;
          }),
          summary,
        })),
      };
    },
  });

  readonly showExportButton = input(true);

  /** Form field state */
  form = this.service.formGroup;

  /**
   * Format data.
   *
   * @param data The data
   */
  private dataValue(data: number | string): number | string {
    if (typeof data === 'number' && data.toString().includes('.')) {
      const split = data.toString().split('.');
      if (split[0].length === 1 && split[1].length > 4) {
        data = data.toExponential(3);
      }
    }
    return data;
  }
}