import { module } from 'angular';

import { Environments } from './Environments';
import type { ApplicationStateProvider } from '../application/application.state.provider';
import { APPLICATION_STATE_PROVIDER } from '../application/application.state.provider';
import { SETTINGS } from '../config';
import { Configuration } from './config/Configuration';
import type { INestedState } from '../navigation/state.provider';
import { EnvironmentsOverview } from './overview/EnvironmentsOverview';
import { VersionsHistory } from './versionsHistory/VersionsHistory';

export type Routes = 'overview' | 'config' | 'history';

const routes: Array<INestedState & { name: Routes }> = [
  {
    name: 'overview',
    url: '/overview',
    component: EnvironmentsOverview,
    $type: 'react',
    children: [],
    data: {
      pageTitleSection: {
        title: 'Environments overview',
      },
    },
  },
  {
    name: 'config',
    url: '/config',
    component: Configuration,
    $type: 'react',
    children: [],
    data: {
      pageTitleSection: {
        title: 'Environments config',
      },
    },
  },
  {
    name: 'history',
    url: '/history/{version:.*}?sha',
    component: VersionsHistory,
    $type: 'react',
    children: [],
    params: {
      version: { isOptional: true, value: null },
      sha: { isOptional: true, value: null, dynamic: true },
    },
    data: {
      pageTitleSection: {
        title: 'Environments history',
      },
    },
  },
];

export const MANAGED_STATES = 'spinnaker.core.managed.states';
module(MANAGED_STATES, [APPLICATION_STATE_PROVIDER]).config([
  'applicationStateProvider',
  (applicationStateProvider: ApplicationStateProvider) => {
    if (SETTINGS.feature.managedDelivery) {
      const artifactVersion: INestedState = {
        name: 'artifactVersion',
        url: `/{reference}/{version}`,
        params: {
          reference: { dynamic: true },
          version: { dynamic: true },
        },
        children: [],
        redirectTo: (transition) => {
          // This is needed for links to the old UI
          return transition.targetState().withState('home.applications.application.environments.history');
        },
      };

      const environments: INestedState = {
        name: 'environments',
        url: `/environments?{md_debug:query}`,
        views: {
          insight: { component: Environments, $type: 'react' },
        },
        data: {
          pageTitleSection: {
            title: 'Environments',
          },
        },
        children: [artifactVersion, ...routes],
        redirectTo: (transition) => {
          // This is needed for links to the old UI
          return transition.targetState().withState('home.applications.application.environments.overview');
        },
      };

      applicationStateProvider.addChildState(environments);
    }
  },
]);