import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
import {Params} from '@angular/router';
import {ConnectedApplication, NshmpConnectedApplicationsComponent} from '@ghsc/nshmp-lib-ng/nshmp';
import {NehrpSiteClass} from '@ghsc/nshmp-utils-ts/libs/nshmp-lib/gmm';
import {ControlType} from 'projects/nshmp-apps/src/app/designmaps/rtgm/models/control-type.model';
import {RtgmDynamicHazardQuey} from 'projects/nshmp-apps/src/app/designmaps/rtgm/models/rtgm-query.model';
import {GeophysicalQuery} from 'projects/nshmp-apps/src/app/ncm/geophysical-profiles/models/geophysical-query.model';
import {MfdQuery} from 'projects/nshmp-apps/src/app/source/mfd/models/query.model';
import {ModelMapsQuery} from 'projects/nshmp-apps/src/app/source/model-maps/models/model-maps-query.model';
import {RatesControlForm} from 'projects/nshmp-apps/src/app/source/rates/models/control-form.model';
import {apps} from 'projects/nshmp-apps/src/shared/utils/applications.utils';

import {DisaggQuery} from '../../../disagg/models/disagg-query.model';
import {AppService} from '../../services/app.service';

@Component({
  changeDetection: ChangeDetectionStrategy.OnPush,
  imports: [NshmpConnectedApplicationsComponent],
  selector: 'app-connected-applications',
  styleUrl: './connected-applications.component.scss',
  templateUrl: './connected-applications.component.html',
})
export class ConnectedApplicationsComponent {
  private service = inject(AppService);

  private formGroup = this.service.formGroup;

  connectedApplications: ConnectedApplication[] = [
    {
      application: apps().hazard.disagg,
      description: 'Open the disaggregation application using the current control panel inputs',
      queryParams: () => this.disaggParams(),
    },
    {
      application: apps().designMaps.rtgm,
      description: 'Open the RTGM application using the current control panel inputs',
      queryParams: () => this.rtgmParams(),
    },
    {
      application: apps().source.modelMaps,
      description: 'Open the model maps application using the current NSHM',
      queryParams: () => this.modelMapsParams(),
    },
    {
      application: apps().ncm.geophysicalProfiles,
      description: 'Open the NCM geophysical profiles applications using the current location',
      queryParams: () => this.geophysicalParams(),
    },
    {
      application: apps().source.mfd,
      description: 'Open the magnitude frequency distribution application using the current NSHM',
      queryParams: () => this.mfdParams(),
    },
    {
      application: apps().source.rateAndProbability,
      description:
        'Open the rates and probabilities application using the current control panel inputs',
      queryParams: () => this.ratesParams(),
    },
  ];

  private disaggParams(): Params {
    const values = this.formGroup.getRawValue();

    const queryParams: Partial<DisaggQuery> = {
      imt: values.imt,
      latitude: values.latitude?.toString(),
      longitude: values.longitude?.toString(),
      model: values.model,
      returnPeriod: values.returnPeriod?.toString(),
      siteClass: values.siteClass as NehrpSiteClass,
      vs30: values.vs30?.toString(),
    };

    return queryParams;
  }

  private geophysicalParams(): Params {
    const values = this.formGroup.getRawValue();

    const queryParams: GeophysicalQuery = {
      location: `${values.latitude}, ${values.longitude}`,
    };

    return queryParams;
  }

  private mfdParams(): Params {
    const values = this.formGroup.getRawValue();

    const params: Partial<MfdQuery> = {
      model: values.model,
    };

    return params;
  }

  private modelMapsParams(): Params {
    const values = this.formGroup.getRawValue();

    const queryParams: Partial<ModelMapsQuery> = {
      model: values.model,
    };

    return queryParams;
  }

  private ratesParams(): Params {
    const values = this.formGroup.getRawValue();

    const params: Partial<RatesControlForm> = {
      latitude: values.latitude,
      longitude: values.longitude,
      model: values.model,
    };

    return params;
  }

  private rtgmParams(): Params {
    const values = this.formGroup.getRawValue();

    const params: Partial<RtgmDynamicHazardQuey> = {
      controlType: ControlType.DYNAMIC_HAZARD,
      imt: values.imt,
      latitude: values.latitude?.toString(),
      longitude: values.longitude?.toString(),
      maxDirection: values.maxDirection?.toString(),
      model: values.model,
      returnPeriod: values.returnPeriod?.toString(),
      siteClass: values.siteClass as NehrpSiteClass,
      truncate: values.truncate?.toString(),
      vs30: values.vs30?.toString(),
    };

    return params;
  }
}