import { Component, OnInit, AfterViewInit,ViewChild } from '@angular/core';
import { UserService } from './user.service';
import { Router } from '@angular/router';
import { FormBuilder, FormGroup, Validators, FormControl } from '@angular/forms';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { User } from '../UserEntity/datamodel';
import { Http, Response } from '@angular/http';
//import { Global } from '../../Shared/global';
//import { DBOperation } from 'S';
import { Observable } from 'rxjs/Observable';
import { ConfirmService } from '../../Shared/Confirm/confirm.service';
import 'rxjs/Rx';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/filter';
 

@Component({
  templateUrl:'./changeuserid.component.html' // '../../../../../wwwroot/html/UpdateProfile/updateuserprofile.component.html'
})

export class ChangeUserID implements OnInit {
  UserId: number=1; 
  user: User;
  modalTitle: string;
  modalBtnTitle: string;
  baseUrl: string = "User";
  ChangeUserIdFrm: FormGroup;
  useFname: string;
  error;
  status: boolean;
  alerts: string;  
  //@ViewChild("profileModal")
  //profileModal: ModalComponent;
  //errorMessage: any;
  constructor(private userservice: UserService, private router: Router, private fb: FormBuilder, private http: Http,
    private _confirmService: ConfirmService
  ) { }
 
  ngOnInit(): void {
    this.user = new User();
    this.alerts = '';
      //this.userservice.GetUserById(this.UserId);
    this.ChangeUserIdFrm = this.fb.group({
      id: [''],
      loginid: ['', Validators.required],
      newloginid: ['', [Validators.required, Validators.minLength(8)]],
      confirmloginid: ['', Validators.required]
    //  LastName: [''],
     // Gender: ['', Validators.required],
   //   Email: ['']
          
    });
    this.GetUserById();
  }
  
  GetUserById() {
    this.userservice.GetUserById()
      .subscribe(x => { console.log(x); this.bindUsers(x) }, error => this.error = <any>error);    
  }
  UpdateUserId(this) {
   // debugger;
    this.alerts = '';
    
    if (this.user.LoginId == this.ChangeUserIdFrm.value.newloginid) {
      this.alerts += '</br><span>New userid and old userid must be different</span>';
    }
    if (this.ChangeUserIdFrm.value.newloginid != this.ChangeUserIdFrm.value.confirmloginid) {
      this.alerts += '</br><span>New userid and confirm userid must be same</span>';
    }
    if (this.alerts == '') {
      this.user = this.ChangeUserIdFrm.value;
      //if(this.user.)
      console.log(this.user);
      var obj = this.user
      if (this.ChangeUserIdFrm.valid) {
        return this.userservice.UpdateUserId(obj)
          .subscribe(
          n => (this.AfterInsertData(n)),
          error => this.error = <any>error);
      }
    }
  }
  AfterInsertData(data) {
  
    if (data == "success") {
      this._confirmService.activate("Userid Updated Successfully.", "alertMsg");
      
    } else  {
      this.alerts += '<span>' + data+'</span>';
      return false;
      
      
    }
    //if (this.closeflag) {
    //  this.close.emit(null);
    //}
    //else {
    //}
  }
  bindUsers(data) {
   
    //console.log(data);
    //alert(JSON.stringify(data));
    this.user = data[0];

    console.log(this.user);
    this.ChangeUserIdFrm.controls['id'].setValue(this.user.Id)
    this.ChangeUserIdFrm.controls['loginid'].setValue(this.user.LoginId)
    this.ChangeUserIdFrm.controls['newloginid'].setValue(this.user.NewLoginId)
    this.ChangeUserIdFrm.controls['confirmloginid'].setValue('')
  }
  ResetFormFields() {
    this.ChangeUserIdFrm.reset()
    this.ChangeUserIdFrm.controls['id'].setValue(this.user.Id)
    this.ChangeUserIdFrm.controls['loginid'].setValue(this.user.LoginId)
    this.ChangeUserIdFrm.controls['newloginid'].setValue('')
    this.ChangeUserIdFrm.controls['confirmloginid'].setValue('')
    this.alerts = '';
  }
  
}