import {AuthService} from '../../datasources/rest/auth.rest';
import './login.scss';
import {IXosModelSetupService} from '../services/helpers/model-setup.helpers';
import {IXosStyleConfig} from '../../../index';

class LoginCtrl {
  static $inject = ['$log', 'AuthService', '$state', 'ModelSetup', 'StyleConfig'];
  public loginStyle: any;
  public img: string;
  /** @ngInject */
  constructor(
    private $log: ng.ILogService,
    private authService: AuthService,
    private $state: angular.ui.IStateService,
    private ModelSetup: IXosModelSetupService,
    private StyleConfig: IXosStyleConfig
  ) {

    if (this.authService.isAuthenticated()) {
      this.$state.go('xos.dashboard');
    }

    this.img = this.getImg(this.StyleConfig.background);

    this.loginStyle = {
      'background-image': `url('${this.getImg(this.StyleConfig.background)}')`
    };
  }

  public login(username: string, password: string) {
    this.authService.login({
      username: username,
      password: password
    })
      .then(res => {
        // after login set up models
        return this.ModelSetup.setup();
      })
      .then(() => {
        this.$state.go('xos.dashboard');
      })
      .catch(e => {
        this.$log.error(e);
      });
  }

  private getImg(img: string) {
    return require(`../../images/brand/${img}`);
  }
}

export const xosLogin: angular.IComponentOptions = {
  template: require('./login.html'),
  controllerAs: 'vm',
  controller: LoginCtrl
};