import { Component } from '@angular/core';
import { FormGroup, AbstractControl, FormBuilder, Validators } from '@angular/forms';
import { Router, Routes } from '@angular/router';
import { LoginService } from './login.service';
import { GlobalState } from '../../global.state';
import { PAGES_MENU } from '../pages.menu';

import { LazyLoadEvent } from 'primeng/primeng';

import 'style-loader!./login.scss';

@Component({
  selector: 'login',
  templateUrl: './login.html',
})
export class Login {

  public form: FormGroup;
  public kode_bass: AbstractControl;
  public username: AbstractControl;
  public password: AbstractControl;
  public submitted: boolean = false;
  public errorMsg: String;

  constructor(private _state: GlobalState, fb: FormBuilder, public loginService: LoginService, public router: Router) {
    this.form = fb.group({
      'kode_bass': ['', Validators.compose([Validators.required, Validators.minLength(4)])],
      'username': ['', Validators.compose([Validators.required, Validators.minLength(4)])],
      'password': ['', Validators.compose([Validators.required, Validators.minLength(4)])]
    });

    this.kode_bass = this.form.controls['kode_bass'];
    this.username = this.form.controls['username'];
    this.password = this.form.controls['password'];

    sessionStorage.clear();
  }

  public onSubmit(values: Object): void {
    this.submitted = true;
    if (this.form.valid) {
      this.loginService.login(values)
        .then(
        data => {
          //ambil data bass
          this.loginService.getBassDetail(JSON.parse(sessionStorage.getItem('mAuth')).Kode_Bass)
            .then(
            data => {
              console.log('detail bass : ', data)
              //ambil data role
              this.loginService.getRoleDetail(JSON.parse(sessionStorage.getItem('mAuth')).Role)
                .then(
                data => {
                  console.log('role detail : ', data)
                  //ambil data parameter
                  this.loginService.getSystemParameter()
                    .then(
                    data => {
                        this._state.notifyDataChanged('user.isLoggedIn', true);
                        this.router.navigate(['pages/home']);
                    },
                    error => {
                      this.errorMsg = JSON.parse(error._body).data;
                    })
                },
                error => {
                  this.errorMsg = JSON.parse(error._body).data;
                })
            },
            error => {
              this.errorMsg = JSON.parse(error._body).data;
            }
            )
        },
        error => {
          this.errorMsg = JSON.parse(error._body).data;
        });
    }
  }
}