import {AsyncPipe} from '@angular/common';
import {Component, inject} from '@angular/core';
import {
  NshmpAboutContentComponent,
  NshmpAboutNavMenuComponent,
  NshmpAboutOptionsComponent,
  NshmpAboutUsingApplicationExpansionPanelComponent,
} from '@ghsc/nshmp-lib-ng/about';
import {
  ApplicationSections,
  NshmpDashboardComponent,
  NshmpDashboardDescriptionComponent,
  NshmpDashboardTitleComponent,
  NshmpService,
} from '@ghsc/nshmp-lib-ng/nshmp';
import {NshmpTemplateAboutComponent, NshmpTemplateComponent} from '@ghsc/nshmp-template';
import {NavigationService} from 'projects/nshmp-apps/src/shared/services/navigation.service';
import {devApps} from 'projects/nshmp-apps/src/shared/utils/applications.utils';

import {changelogs} from '../../changelog';

/**
 * Development dashboard showing links to development applications.
 */
@Component({
  imports: [
    NshmpTemplateComponent,
    NshmpTemplateAboutComponent,
    NshmpAboutContentComponent,
    NshmpDashboardComponent,
    NshmpDashboardTitleComponent,
    NshmpDashboardDescriptionComponent,
    AsyncPipe,
    NshmpAboutOptionsComponent,
    NshmpAboutNavMenuComponent,
    NshmpAboutUsingApplicationExpansionPanelComponent,
  ],
  selector: 'app-app',
  styleUrl: './app.component.scss',
  templateUrl: './app.component.html',
})
export class AppComponent {
  navService = inject(NavigationService);
  nshmpService = inject(NshmpService);

  title = 'Development Applications';

  logs = changelogs(devApps().dashboard.routerLink);

  sections: ApplicationSections[] = [
    {
      gridClass: 'grid-col-10',
      sections: [
        {
          applications: this.navService.devMainApps().map(navigation => ({navigation})),
          gridClass: 'grid-col-12 tablet-lg:grid-col-8 grid-offset-1',
        },
      ],
    },
  ];
}