import { Router } from '@angular/router';
import { Component, OnInit, ViewEncapsulation } from '@angular/core';
import { LoginService } from '@karmed/api';
import { Culture } from '@karmed/api/lib/model/Culture';
import { TranslateService } from '@karmed/translate';
import { finalize } from 'rxjs/operators';
import { GlobalemitterService } from '../../services/globalemitter.service';
import { DeviceDetectorService } from 'ngx-device-detector';

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

  user: User;
  cultures: Culture[]
  isDesktop: Boolean;
  constructor(private loginService: LoginService, private router: Router, private translateService: TranslateService, private emitterService: GlobalemitterService,
    private deviceService: DeviceDetectorService) {
    this.user = JSON.parse(localStorage.getItem('user'));
  }

  ngOnInit() {
    this.isDesktop = this.deviceService.isDesktop();
    this.fillCulture();
  }

  logout() {
    this.loginService.logout();
    this.router.navigate(["login"]);
  }

  private fillCulture() {
    this.loginService.culture()
      .pipe(finalize(() => {
        console.log("Culture Finalize")
      }))
      .subscribe(data => {
        if (data.Islem) {
          this.cultures = data.CultureListesi;
        }
      });
  }

  changeCulture(culture) {
    this.translateService.set(culture.Culture);
    if (this.router.url.includes('modules'))
      this.emitterService.filterModule();
  }

}