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

@Component({
  selector: 'app-register-page',
  templateUrl: './register-page.component.html',
  styleUrls: ['./register-page.component.css']
})
export class RegisterPageComponent implements OnInit {
  firstName: string = '';
  lastName: string = '';
  nickName: string = '';
  email: string = '';
  pass1: string = '';
  pass2: string = '';

  wrongFirstNameBool: boolean = false;
  wrongLastNameBool: boolean = false;
  wrongNickNameBool: boolean = false;
  wrongEmailBool: boolean = false;
  wrongPass1Bool: boolean = false;
  wrongPass2Bool: boolean = false;

  pattName: RegExp = /^[a-zA-ZšŠđĐčČćĆžŽ]+([ \-][a-zA-ZšŠđĐčČćĆžŽ]+)*$/;
  pattTwoSpaces: RegExp = /  /;
  pattEmail: RegExp = /^[a-zA-Z0-9]+([\.\-\+][a-zA-Z0-9]+)*\@([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}$/;
  pattPassword: RegExp = /.{6,30}$/;

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

  ngOnInit(): void {
  }

  isCorrectName(element: string): boolean {
    if (this.pattName.test(element) && !(this.pattTwoSpaces.test(element)) && (element.length >= 1 && element.length <= 30))
      return true;
    return false;
  }
  isCorrectEmail(element: string): boolean {
    if (this.pattEmail.test(element.toLowerCase()) && element.length <= 320)
      return true;
    return false;
  }
  isCorrectPassword(element: string): boolean {
    if (this.pattPassword.test(element))
      return true;
    return false;
  }

  firstNameValidation() {
    if (this.isCorrectName(this.firstName) == true) {
      this.wrongFirstNameBool = false;
      return;
    }
    (<HTMLSelectElement>document.getElementById('firstName')).focus();
    this.wrongFirstNameBool = true;
  }
  lastNameValidation() {
    if (this.isCorrectName(this.lastName) == true) {
      this.wrongLastNameBool = false;
      return;
    }
    (<HTMLSelectElement>document.getElementById('lastName')).focus();
    this.wrongLastNameBool = true;
  }
  nickNameValidation() {
    if (this.isCorrectName(this.nickName) == true) {
      this.wrongNickNameBool = false;
      return;
    }
    (<HTMLSelectElement>document.getElementById('nickName')).focus();
    this.wrongNickNameBool = true;
  }
  emailValidation() {
    if (this.isCorrectEmail(this.email) == true) {
      this.wrongEmailBool = false;
      return;
    }
    (<HTMLSelectElement>document.getElementById('email')).focus();
    this.wrongEmailBool = true;
  }
  passwordValidation() {
    if (this.isCorrectPassword(this.pass1) && this.isCorrectPassword(this.pass2) && this.pass1 == this.pass2) {
      this.wrongPass1Bool = false;
      this.wrongPass2Bool = false;
      return;
    }
    this.pass1 = ''; //brisi obe ukucane lozinke
    this.pass2 = '';
    (<HTMLSelectElement>document.getElementById('pass1')).focus();
    this.wrongPass1Bool = true;
    this.wrongPass2Bool = true;
  }

  validation() {
    this.firstName = this.firstName.trim();
    this.lastName = this.lastName.trim();
    this.nickName = this.nickName.trim();
    this.email = this.email.trim();

    this.firstNameValidation();
    this.lastNameValidation();
    //this.nickNameValidation();
    this.emailValidation();
    this.passwordValidation();

    if (!(this.wrongFirstNameBool || this.wrongLastNameBool || this.wrongNickNameBool ||
      this.wrongEmailBool || this.wrongPass1Bool || this.wrongPass2Bool)) { //sve ok, registruj ga

      let user = {
        firstName: this.firstName,
        lastName: this.lastName,
        username: this.nickName,
        password: this.pass1,
        email: this.email
      }

      this.authService.register(user)
        .subscribe(
          (response) => {
            console.log(response);
            if (response === 'User added')
              this.router.navigate(['/login']); //registracija uspesna, idi na login
            else if (response === 'Email Already Exists')
              alert('Nalog sa unetim email-om već postoji!');
            else if (response === 'Username Already Exists')
              alert('Nalog sa unetim korisnićkim imenom već postoji!');
          }
        );
    }
  }




}