import {ChangeDetectionStrategy, Component, computed, inject} from '@angular/core';
import {MatTab, MatTabContent, MatTabGroup} from '@angular/material/tabs';
import {NshmpDataTablePanelComponent, NshmpScrollToTopComponent} from '@ghsc/nshmp-lib-ng/nshmp';

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

/**
 * Application main content with Angular material tabs with:
 *  - Plots tab: GMM response spectra plot
 *  - Median data tab: table with response spectra median data
 *  - Sigma data tab: table with response spectra sigma data
 */
@Component({
  changeDetection: ChangeDetectionStrategy.OnPush,
  host: {id: 'gmm-spectra-content'},
  imports: [
    NshmpDataTablePanelComponent,
    MatTabGroup,
    MatTab,
    PlotsComponent,
    NshmpScrollToTopComponent,
    MatTabContent,
  ],
  selector: 'app-content',
  styleUrl: './content.component.scss',
  templateUrl: './content.component.html',
})
export class ContentComponent {
  service = inject(AppService);

  /** Whether the data has common X values */
  commonXValues = true;
  /** Whether to pad values */
  padValues = true;
  /** Whether sigma data is shown is exponential form */
  sigmaExp = false;
  /** Whether spectra data is shown is exponential form */
  spectraExp = true;

  /** Whether service has been called and data exists */
  hasData = computed(() => this.service.serviceResponse()?.length > 0);

  /** Table data for sigma */
  sigmaTable = computed(() => {
    const plot = this.service.sigmaPlotState();
    const xAll = this.service.state().xValues;

    return plot.toTableData({
      commonXValues: this.commonXValues,
      exp: this.sigmaExp,
      padValues: this.padValues,
      xAll,
    });
  });

  /** Table data for mean */
  spectraTable = computed(() => {
    const plot = this.service.spectraPlotState();
    const xAll = this.service.state().xValues;

    return plot.toTableData({
      commonXValues: this.commonXValues,
      exp: this.spectraExp,
      padValues: this.padValues,
      xAll,
    });
  });
}