import { Component, OnInit } from '@angular/core';
import{Signup} from '../model/signup';
import { ActivatedRoute, Router } from '@angular/router';
import{NgForm} from '@angular/forms'
import { Sign } from '../model/sign';
import { SignupHttpService } from '../model/signup-http.service';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';

@Component({
  selector: 'app-signuppage',
  templateUrl: './signuppage.component.html',
  styleUrls: ['./signuppage.component.css']
})
export class SignuppageComponent implements OnInit {
  userForm: FormGroup;
    FirstName:string;
    LastName:string;
    UserName:string;
    Password:string;
    EmailId:string;
    Contact:number;
    PanNumber:string;


  get username() {
    return this.userForm.get('username');
  }
  get firstname() {
    return this.userForm.get('firstname');
  }
  get lastname() {
    return this.userForm.get('lastname');
  }
  get contact() {
    return this.userForm.get('contact');
  }get pan() {
    return this.userForm.get('pan');
  }

  get email() {
    return this.userForm.get('email');
  }

  get password() {
    return this.userForm.get('password');
  }

    model=new Sign('','','','','',0,'');
  constructor(private _route:ActivatedRoute,private _router:Router,
    private signupHttpService:SignupHttpService,private fb: FormBuilder) {
      this.userForm = this.fb.group({
        firstname: ['', Validators.required],
        lastname: ['', Validators.required],
        username: ['', Validators.required],
        password: ['', Validators.required],
        email: ['', Validators.required],
        contact: ['', Validators.required],
        pan: ['', Validators.required]
      });
    }
    onPasswordStrengthChanged(strength) {
      console.log('====================================');
      console.log('onPasswordStrengthChanged', strength);
      console.log('====================================');
    }

  ngOnInit() {


  }

  submitForm(form: NgForm){
      console.log(form.value);
      this.signupHttpService.saveRegister(form.value).subscribe(
      data=>console.log('success:',data),
      err=>console.log('error:',err));
      this._router.navigate(['/firstpage']);

  }
}