import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { AuthService } from '../auth.service';
import { Setting } from '../models/setting.model';
import { SettingsService } from '../settings.service';

@Component({
  selector: 'app-setup',
  templateUrl: './setup.component.html',
  styleUrls: ['./setup.component.scss'],
})
export class SetupComponent implements OnInit {
  public userName: string;
  public password: string;
  public provider = 'RealDebrid';
  public token: string;

  public error: string;
  public working: boolean;

  public step: number = 1;

  constructor(private authService: AuthService, private settingsService: SettingsService, private router: Router) {}

  ngOnInit(): void {}

  public setup(): void {
    this.error = null;
    this.working = true;

    this.authService.create(this.userName, this.password).subscribe(
      () => {
        this.step = 2;
        this.working = false;
      },
      (err) => {
        this.working = false;
        this.error = err.error;
      }
    );
  }

  public setToken(): void {
    const settingToken = new Setting();
    settingToken.settingId = 'RealDebridApiKey';
    settingToken.value = this.token;

    const settingProvider = new Setting();
    settingProvider.settingId = 'Provider';
    settingProvider.value = this.provider;

    this.settingsService.update([settingToken, settingProvider]).subscribe(
      () => {
        this.step = 3;
        this.working = false;
      },
      (err) => {
        this.working = false;
        this.error = err.error;
      }
    );
  }

  public close(): void {
    this.router.navigate(['/']);
  }
}