import { Component, OnInit } from '@angular/core';
import { ValidateService } from '../../services/validate.service';
import { ErrorReportService } from '../../services/error-report.service';
import { Router } from '@angular/router';
import { AuthenticateService } from "../../services/authenticate.service";

@Component({
  selector: 'app-register',
  templateUrl: './register.component.html',
  styleUrls: ['./register.component.css']
})
export class RegisterComponent implements OnInit {
  username: String;
  password: String;
  fullName: String;
  repeatedPassword: String;
  email: String;

  constructor(
    private validateService: ValidateService,
    private errorReportService: ErrorReportService,
    private router: Router,
    private authenticateService: AuthenticateService
  ) { }

  ngOnInit() {
  }

  onSubmit() {
    const user = {
      username: this.username,
      name: this.fullName,
      email: this.email,
      password: this.password,
      repeatedPassword: this.repeatedPassword
    }

    if (!this.validateService.validateRegister(user)) {
      console.log("Popuni sva polja");
      return false;
    }

    if (!this.validateService.validateEmail(user.email)) {
      console.log("Use valid email");
      this.errorReportService.invaidEmail(document.getElementsByName("email")[0]);
      return false;
    }

    if(!this.validateService.comparePasswords(user.password, user.repeatedPassword)) {
      console.log("Passwords don't match");
      this.errorReportService.invaidPassword(document.getElementsByName("repeatedPassword")[0],document.getElementsByName("password")[0]);
      return false;
    }

    //register user

    this.authenticateService.registerUser(user).subscribe(data => {

      console.log(data);
      if (data.success) {
        console.log('You are now registered and can log in!');
        this.router.navigate(['/login']);
      }
      else {
        console.log('Something when wrong when you registered!');
        this.router.navigate(['/register']);
      }
    });
    // console.log(this.username);
    // console.log(this.password);
    // if(this.password === this.repeatedPassword) console.log('Password match');
    // else console.log("Passwords don't match");
    // console.log(this.email);
  }

}