import {
  Component,
  inject,
  ChangeDetectionStrategy,
  signal,
  input,
  output,
  DestroyRef,
} from "@angular/core";
import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
import { EntityMapperService } from "../../entity/entity-mapper/entity-mapper.service";
import { ImportMetadata } from "../import-metadata";
import { ImportService } from "../import.service";
import { ConfirmationDialogService } from "../../common-components/confirmation-dialog/confirmation-dialog.service";
import { applyUpdate } from "../../entity/model/entity-update";
import { MatExpansionModule } from "@angular/material/expansion";
import { CustomDatePipe } from "../../basic-datatypes/date/custom-date.pipe";
import { EntityTypeLabelPipe } from "../../common-components/entity-type-label/entity-type-label.pipe";
import { EntityBlockComponent } from "../../basic-datatypes/entity/entity-block/entity-block.component";
import { MatButtonModule } from "@angular/material/button";
import { MatTooltipModule } from "@angular/material/tooltip";
import { FaIconComponent } from "@fortawesome/angular-fontawesome";

@Component({
  changeDetection: ChangeDetectionStrategy.OnPush,
  selector: "app-import-history",
  templateUrl: "./import-history.component.html",
  styleUrls: ["./import-history.component.scss"],
  imports: [
    MatExpansionModule,
    CustomDatePipe,
    EntityTypeLabelPipe,
    EntityBlockComponent,
    MatButtonModule,
    MatTooltipModule,
    FaIconComponent,
  ],
})
export class ImportHistoryComponent {
  private entityMapper = inject(EntityMapperService);
  private importService = inject(ImportService);
  private confirmationDialog = inject(ConfirmationDialogService);

  data = input<any[]>();
  itemSelected = output<ImportMetadata>();

  previousImports = signal<ImportMetadata[]>([]);

  constructor() {
    this.entityMapper
      .receiveUpdates(ImportMetadata)
      .pipe(takeUntilDestroyed(inject(DestroyRef)))
      .subscribe((update) => {
        this.previousImports.update((imports) =>
          this.sortImports(applyUpdate(imports, update)),
        );
      });

    this.loadPreviousImports();
  }

  private async loadPreviousImports() {
    this.previousImports.set(
      this.sortImports(
        await this.entityMapper.loadType<ImportMetadata>(ImportMetadata),
      ),
    );
  }

  private sortImports(imports: ImportMetadata[]): ImportMetadata[] {
    return [...imports].sort((a, b) => b.date.getTime() - a.date.getTime());
  }

  async undoImport(item: ImportMetadata) {
    const confirmation = await this.confirmationDialog.getConfirmation(
      $localize`:Import Undo Confirmation Title:Revert Import?`,
      $localize`:Import Undo Confirmation Text:Are you sure you want to undo this import? All records that had been imported at that time will be deleted from the system.`,
    );

    if (confirmation) {
      await this.importService.undoImport(item);
    }
  }
}