import { Component, Inject, OnInit } from "@angular/core";
import { UntypedFormBuilder, UntypedFormGroup } from "@angular/forms";
import { MatDialogRef, MAT_DIALOG_DATA } from "@angular/material/dialog";
import { SonarrFacade } from "app/state/sonarr";
import { firstValueFrom, Observable } from "rxjs";
import { startWith, map } from "rxjs/operators";
import { ILanguageProfiles, IRadarrProfile, IRadarrRootFolder, ISonarrProfile, ISonarrRootFolder, IUserDropdown, RequestType } from "../../interfaces";
import { IdentityService, RadarrService, SonarrService } from "../../services";

export interface IAdminRequestDialogData {
    type: RequestType,
    id: number
}

@Component({
  selector: "admin-request-dialog",
  templateUrl: "admin-request-dialog.component.html",
  styleUrls: [ "admin-request-dialog.component.scss" ]
})
export class AdminRequestDialogComponent implements OnInit {
  constructor(
    public dialogRef: MatDialogRef<AdminRequestDialogComponent>,
    @Inject(MAT_DIALOG_DATA) public data: IAdminRequestDialogData,
    private identityService: IdentityService,
    private sonarrService: SonarrService,
    private radarrService: RadarrService,
    private fb: UntypedFormBuilder,
    private sonarrFacade: SonarrFacade
  ) {}

  public form: UntypedFormGroup;
  public RequestType = RequestType;

  public options: IUserDropdown[];
  public filteredOptions: Observable<IUserDropdown[]>;
  public userId: string;

  public radarrEnabled: boolean;
  public sonarrEnabled: boolean;

  public sonarrProfiles: ISonarrProfile[];
  public sonarrRootFolders: ISonarrRootFolder[];
  public sonarrLanguageProfiles: ILanguageProfiles[];
  public radarrProfiles: IRadarrProfile[];
  public radarrRootFolders: IRadarrRootFolder[];

  public async ngOnInit() {

    this.form = this.fb.group({
        username: [null],
        sonarrPathId: [null],
        sonarrFolderId: [null],
        sonarrLanguageId: [null],
        radarrPathId: [null],
        radarrFolderId: [null]
    })

    this.options = await firstValueFrom(this.identityService.getUsersDropdown());

    this.filteredOptions = this.form.controls['username'].valueChanges.pipe(
      startWith(""),
      map((value) => this._filter(value))
    );

    if (this.data.type === RequestType.tvShow) {
      this.sonarrEnabled = this.sonarrFacade.isEnabled();
      if (this.sonarrEnabled) {
        console.log(this.sonarrFacade.version());
        if (this.sonarrFacade.version()[0] === "3") {
          this.sonarrService.getV3LanguageProfilesWithoutSettings().subscribe((profiles: ILanguageProfiles[]) => {
            this.sonarrLanguageProfiles = profiles;
          })
        }
        this.sonarrService.getQualityProfilesWithoutSettings().subscribe(c => {
            this.sonarrProfiles = c;
        });
        this.sonarrService.getRootFoldersWithoutSettings().subscribe(c => {
            this.sonarrRootFolders = c;
        });
      }
    }
    if (this.data.type === RequestType.movie) {
        this.radarrEnabled = await this.radarrService.isRadarrEnabled();
        if (this.radarrEnabled) {
            this.radarrService.getQualityProfilesFromSettings().subscribe(c => {
                this.radarrProfiles = c;
            });
            this.radarrService.getRootFoldersFromSettings().subscribe(c => {
                this.radarrRootFolders = c;
            });
        }
    }
  }

  public displayFn(user: IUserDropdown): string {
    const username = user?.username ? user.username : "";
    const email = user?.email ? `(${user.email})` : "";
    if (username || email) {
      return `${username} ${email}`;
    }
    return '';
  }

  private _filter(value: string | IUserDropdown): IUserDropdown[] {
    const filterValue =
      typeof value === "string"
        ? value.toLowerCase()
        : value.username.toLowerCase();

    return this.options.filter((option) =>
      option.username.toLowerCase().includes(filterValue)
    );
  }

  public async submitRequest() {
      const model = this.form.value;
      model.radarrQualityOverrideTitle =  this.radarrProfiles?.filter(x => x.id == model.radarrPathId)[0]?.name;
      model.radarrRootFolderTitle =  this.radarrRootFolders?.filter(x => x.id == model.radarrFolderId)[0]?.path;
      model.sonarrRootFolderTitle = this.sonarrRootFolders?.filter(x => x.id == model.sonarrFolderId)[0]?.path;
      model.sonarrQualityOverrideTitle = this.sonarrProfiles?.filter(x => x.id == model.sonarrPathId)[0]?.name;
      model.sonarrLanguageProfileTitle = this.sonarrLanguageProfiles?.filter(x => x.id == model.sonarrLanguageId)[0]?.name;
      this.dialogRef.close(model);
  }
}