import {Component, OnInit} from '@angular/core';
import {NgbModal} from '@ng-bootstrap/ng-bootstrap';
import {FormBuilder, FormGroup, Validators} from '@angular/forms';
import {User} from './user';
import {UserService} from './user.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  users: User[];
  loggedUser: User;
  loginForm: FormGroup;
  userLogin = '';
  password = '';

  constructor(
    private modalService: NgbModal,
    private formBuilder: FormBuilder,
    private userService: UserService) {

    this.createForm();
  }

  ngOnInit() {
    this.userService.getUsers().subscribe(users => this.users = users);
  }

  login() {
    this.userLogin = this.loginForm.get('userLogin').value;
    this.password = this.loginForm.get('password').value;

    for (const user of this.users) {
      if (user.login === this.userLogin && user.password === this.password) {
        this.loggedUser = user;
        return true;
      }
    }

    alert('Wrong login or password');
  }

  logout() {
    this.loggedUser = undefined;
    this.loginForm.get('userLogin').setValue('');
    this.loginForm.get('password').setValue('');
    alert('You logged out!');
  }

  open(content) {
    this.modalService.open(content);
  }

  createForm() {
    this.loginForm = this.formBuilder.group({
      'userLogin': [null, Validators.required],
      'password': [null, Validators.required],
    });
  }
}