import { Component, OnInit } from '@angular/core';
import { AuthenticationService } from 'src/app/core/authentication.service';
import { Router } from '@angular/router';
import { IamService } from 'src/app/core/iam.service';
import { DashboardService } from './dashboard.service';
import { TranslateService } from '@ngx-translate/core';

@Component({
  selector: 'app-dashboard',
  templateUrl: './dashboard.component.html',
  styleUrls: ['./dashboard.component.css']
})
export class DashboardComponent implements OnInit {

  user: any;
  menuposition = 1;

  constructor(
    private authenticationService: AuthenticationService,
    private router: Router,
    private iamService: IamService,
    private dashboardService: DashboardService,
    public translate: TranslateService
  ) {


  }

  ngOnInit() {
    this.translate.addLangs(['en', 'es']);
    if (this.authenticationService.isLoggedIn()) {
      // this.dashboardService.updateMenuPosition(1);
      this.fetchUserData(this.authenticationService.getUserDetails()._id);
      this.dashboardService.menuPosition$
      .subscribe(data => this.menuposition = data);
    } else {
      this.router.navigateByUrl('/session/login');
    }
  }

  fetchUserData(userId) {
    this.iamService.getUserData(userId)
    .subscribe(data => {
      const aux: any = data;
      if (aux.resp) {
        this.user = aux.user;
        this.translate.use(this.user.languaje.toLowerCase());
      }
    });
  }

  logout() {
    this.authenticationService.logout();
  }

  onChange(language: string) {
    this.iamService.changeLanguage(this.user._id, language)
    .subscribe();
    this.translate.use(language);
  }

}