import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';

import { AuthService, TokenService } from '@demoiselle/security';
import { NotificationService } from '../../core/notification.service';
import { ServiceWorkerService } from '../../core/sw.service';
import { CredentialManagementService } from '../credentials.service';
import { WebSocketService } from '../../core/websocket.service';
import {
  AuthService as SocialAuthService,
  FacebookLoginProvider,
  GoogleLoginProvider
} from 'angularx-social-login';

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html'
})
export class LoginComponent implements OnInit {
  user: any = {
    username: 'admin@demoiselle.org',
    password: '123456'
  };
  supportAutoLogin = false;
  showQuickAuth = true;

  protected fingerprint;

  constructor(
    protected socialAuthService: SocialAuthService,
    protected authService: AuthService,
    protected router: Router,
    protected notificationService: NotificationService,
    protected serviceWorkerService: ServiceWorkerService,
    protected tokenService: TokenService,
    protected credentialManagementService: CredentialManagementService,
    protected webSocketService: WebSocketService
  ) {}

  ngOnInit() {
    // tslint:disable-next-line:no-console
    console.debug('[LoginComponent] initialized.');

    this.credentialManagementService
      .isCredentialsAvailable()
      .then(result => {
        if (result === true) {
          this.supportAutoLogin = true;
          this.showQuickAuth = true;
        }
      })
      .catch(err => {
        this.supportAutoLogin = false;
        this.showQuickAuth = false;
      });
  }

  login() {
    const payload = {
      username: this.user.username,
      password: this.user.password
    };

    this.loginWithPayload(payload);
  }

  autoLogin() {
    this.credentialManagementService
      .autoSignin()
      .then(credentials => {
        const payload = {
          username: credentials.id,
          password: credentials.password
        };
        this.loginWithPayload(payload);
      })
      .catch(err => {
        console.warn(err);
        this.showQuickAuth = false;
      });
  }

  loginWithPayload(payload) {
    const subs = this.authService.login(payload).subscribe(
      result => {
        // tslint:disable-next-line:no-console
        console.debug('Login realizado com sucesso!', result);
        this.notificationService.success('Login realizado com sucesso!');
        this._sendLoginWebSocket();
        this.serviceWorkerService.startWebPush();
        this.credentialManagementService.store(payload);
      },
      error => this._showErrors(error),
      () => {
        subs.unsubscribe();
      }
    );
  }

  socialSignIn(socialPlatform) {
    let socialPlatformProvider;

    if (socialPlatform === 'facebook') {
      socialPlatformProvider = FacebookLoginProvider.PROVIDER_ID;
    } else if (socialPlatform === 'google') {
      socialPlatformProvider = GoogleLoginProvider.PROVIDER_ID;
    }

    this.socialAuthService.signIn(socialPlatformProvider).then(social => {
      const subs = this.authService.social(social).subscribe(
        result => {
          // tslint:disable-next-line:no-console
          console.debug('Login social realizado com sucesso!', result);
          this.notificationService.success(
            'Login social realizado com sucesso!'
          );
          this._sendLoginWebSocket();
          this.serviceWorkerService.startWebPush();
        },
        error => this._showErrors(error),
        () => {
          subs.unsubscribe();
        }
      );
    });
  }

  private _showErrors(error) {
    if (error.status === 401 || error.status === 406) {
      const errors = error.error;
      for (const err of errors) {
        this.notificationService.error(err.error);
      }
      this.user.password = '';
    }
  }

  private _sendLoginWebSocket() {
    this.webSocketService
      .connect()
      .then(wsConnection => {
        // console.debug('[WS] conectado.');
        const id = this.tokenService.getIdentityFromToken();
        wsConnection.send({
          event: 'login',
          data: id
        });
      })
      .catch(error => console.error('Erro ao conectar com WebSocket.', error));
  }
}