import { mergeMap, map, filter } from "rxjs/operators";
import { Component, Input, OnInit } from "@angular/core";
import { Subject, ReplaySubject } from "rxjs";
import { FormGroup } from "@angular/forms";
import { ExportConfigService } from "./exportconfig.service";
import { AppdataStore } from "../../../components/appdata/appdata.store";
import { HalService } from "../../../components/hal/index";

import { CustomNotificationService } from "../../../components/notification/customnotification.service";
import { Router } from "@angular/router";
import { TranslateService } from "@ngx-translate/core";
import { MatDialogRef } from "@angular/material/dialog";

@Component({
  selector: "nm-exportconfig",
  templateUrl: "./exportconfig.component.html",
  styleUrls: ["./exportconfig.component.scss"],
})
export class ExportConfigComponent implements OnInit {
  @Input("visible") visible: boolean;

  @Input("formHref") formHref: string = "actions?.download.formHref";

  public href: Subject<String> = new ReplaySubject<String>(1);
  public formGroup: FormGroup;
  public action;

  constructor(
    private _exportConfigService: ExportConfigService,
    private _halService: HalService,
    private _notificationService: CustomNotificationService,
    private _appdataStore: AppdataStore,
    private router: Router,
    private translateService: TranslateService,
    public dialogRef: MatDialogRef<ExportConfigComponent>
  ) {
    this.formGroup = new FormGroup({});
  }

  ngOnInit() {
    this._appdataStore
      .getAppdata()
      .pipe(
        map((data) => data["buy"]._links["cart"].href),
        mergeMap((cartHref) =>
          this._exportConfigService.getEportConfig(cartHref)
        )
      )
      .subscribe((data) => {
        this.action = data._actions.download;
      });

    this._halService
      .getActionEvents()
      .pipe(
        filter((event) => event.name === "download"),
        map((event) => (<any>event).response)
      )
      .subscribe((resp) => {
        if (resp && resp.body && resp.body.message) {
          this._notificationService.success(resp.body.title, resp.body.message);
        }

        this.dialogRef.close();
      });
  }
  onSubmit() {
    event.preventDefault();
  }

  showExportDialog() {
    this.visible = true;
  }
}