import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
import { NxHeadlineComponent } from '@allianz/ng-aquila/headline';
import {
  JourneyDetailsEditDynamicFormEvent,
  TalyDevtoolsJourneyDetailsComponent
} from '@allianz/taly-core/devtools';
import {
  DynamicFormEditorModule,
  DynamicFormEditorService
} from '@allianz/taly-core/devtools/dynamic-form-editor';

@Component({
  selector: 'taly-devtools-journey-details-view',
  templateUrl: './journey-details-view.component.html',
  styleUrl: './journey-details-view.component.scss',
  imports: [NxHeadlineComponent, TalyDevtoolsJourneyDetailsComponent, DynamicFormEditorModule],
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class TalyDevtoolsJourneyDetailsViewComponent {
  private dynamicFormEditorService = inject(DynamicFormEditorService);

  onEditDynamicForm(event: JourneyDetailsEditDynamicFormEvent) {
    // TODO: the journey details view component does not show the BBs displayed in the global sidebar
    // so the context is assumed to be 'pageBlock'. We could add those BBs in this component as well
    // in the future and this part could be refactored.
    this.dynamicFormEditorService.openDynamicFormEditor(
      event.form,
      'pageBlock',
      event.bbId,
      event.pageId
    );
  }
}