import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { ApiService } from '../../services/api.service';
import { AuthService } from '../../services/auth.service';
import { ConfigService } from '../../services/config.service';

export interface AddUserForm {
  email: string;
  fullname: string;
  password: string;
  confirmPassword: string;
  admin: number;
}

@Component({
  selector: 'app-team',
  templateUrl: 'app-team.component.html'
})
export class AppTeamComponent implements OnInit {
  error: boolean;
  success: boolean;
  loading: boolean;
  addUser: boolean;
  users: any[];
  user: any;
  userForm: AddUserForm;
  yesNoOptions: { key: number, value: string }[];

  constructor(
    private api: ApiService,
    private auth: AuthService,
    private router: Router,
    private config: ConfigService
  ) {
    this.loading = true;
    this.addUser = false;
    this.users = [];
    this.user = auth.getData();
    this.userForm = {
      email: null, fullname: null, password: null, confirmPassword: null, admin: 0
    };
    this.yesNoOptions = [ { key: 0, value: 'No' }, { key: 1, value: 'Yes' } ];
  }

  ngOnInit() {
    this.fetch();
  }

  fetch(): void {
    this.loading = true;
    this.api.getUsers().subscribe(users => {
      this.users = users;

      this.users = this.users.map(user => {
        user.avatarUrl = this.config.url + user.avatar;
        return user;
      });

      this.loading = false;
    });
  }

  showAddUser(): void {
    this.addUser = !this.addUser;
  }

  addNewUser(e: Event) {
    e.preventDefault();

    this.auth.addNewUser(this.userForm)
      .then(res => {
        if (res) {
          this.success = true;
          this.error = false;
          this.fetch();
          setTimeout(() => this.success = false, 5000);
          this.addUser = false;
        } else {
          this.error = true;
          this.success = false;
        }
      });

    this.userForm = {
      email: null, fullname: null, password: null, confirmPassword: null, admin: 0
    };
  }

  goToUser(id: number): void {
    this.router.navigate(['user', id]);
  }

  resetForm(): void {
    this.addUser = false;
    this.userForm = {
      email: null, fullname: null, password: null, confirmPassword: null, admin: 0
    };
  }
}