import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { AuthService } from '../auth.service';

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
})
export class LoginComponent implements OnInit {
  message: string = 'Vous êtes déconnecté. (pikachu/pikachu)';
  name: string;
  password: string;
  auth: AuthService;

  constructor(private authService: AuthService, private router: Router) {}

  ngOnInit() {
    this.auth = this.authService;
  }

  setMessage() {
    if (this.auth.isLoggedIn) {
      this.message = 'Vous êtes connecté.';
    } else {
      this.message = 'Identifiant ou mot de passe incorrect.';
    }
  }

  login() {
    this.message = 'Tentative de connexion en cours.';
    this.auth.login(this.name, this.password).subscribe((isLoggedIn) => {
      this.setMessage();
      if (isLoggedIn) {
        this.password = '';
        this.router.navigate(['/pokemons']);
      }
    });
  }

  logout() {
    this.auth.logout();
    this.message = 'Vous êtes déconnecté.';
  }
}