import { Component, Injector, Input, OnDestroy, OnInit } from '@angular/core';
import { Observable, Subscription } from 'rxjs';
import { AuthMethodModel } from '../../core/auth/models/auth-method.model';
import { select, Store } from '@ngrx/store';
import { getAuthenticationMethods, isAuthenticated, isAuthenticationLoading } from '../../core/auth/selectors';
import { CoreState } from '../../core/core.reducers';
import { InjectedAuthMethodModel } from './injectedAuthMethodModel/injectedAuthMethodModel';
import { filter, takeWhile, tap } from 'rxjs/operators';
import { AuthService } from '../../core/auth/auth.service';

@Component({
  selector: 'ds-log-in',
  templateUrl: './log-in.component.html',
  styleUrls: ['./log-in.component.scss']
})
export class LogInComponent implements OnInit, OnDestroy {
  /**
   * The authentication methods data
   * @type {AuthMethodModel[]}
   */
  @Input() authMethodData: Observable<AuthMethodModel[]>;

  // private authMethods: AuthMethodModel[];

  // public injectedAuthMethods: InjectedAuthMethodModel[];

  @Input() isStandalonePage: boolean;

  /**
   * Whether user is authenticated.
   * @type {Observable<string>}
   */
  public isAuthenticated: Observable<boolean>;

  /**
   * True if the authentication is loading.
   * @type {boolean}
   */
  public loading: Observable<boolean>;

  /**
   * Component state.
   * @type {boolean}
   */
  private alive = true;

  private subscription: Subscription;

  constructor(private store: Store<CoreState>,
              private authService: AuthService,) {
  }

  ngOnInit(): void {
    this.authMethodData = this.store.pipe(
      select(getAuthenticationMethods)
    );
    /*
        this.subscription = this.authMethodData.subscribe((methods) => this.authMethods = methods);
        this.injectedAuthMethods = new Array<InjectedAuthMethodModel>();
        // tslint:disable-next-line:forin
        for (const index in this.authMethods) {
          const injectedAuthMethod = new InjectedAuthMethodModel(this.authMethods[index].authMethodType, this.authMethods[index].location, this.isStandalonePage);
          this.injectedAuthMethods.push(injectedAuthMethod);
        }
        console.log('injectedAuthMethods in ngOnInit(): ', this.injectedAuthMethods);
    */

    // set loading
    this.loading = this.store.pipe(select(isAuthenticationLoading));

    // set isAuthenticated
    this.isAuthenticated = this.store.pipe(select(isAuthenticated));

    // subscribe to success
    this.store.pipe(
      select(isAuthenticated),
      takeWhile(() => this.alive),
      filter((authenticated) => authenticated))
      .subscribe(() => {
          this.authService.redirectAfterLoginSuccess(this.isStandalonePage);
        }
      );

  }

  ngOnDestroy(): void {
    // this.subscription.unsubscribe();
    this.alive = false;
  }

}