import { Component, OnInit, AfterViewInit, ViewChild, TemplateRef } 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 { GlobalService } 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';
import { LoadingService } from '../../shared/loading.service';
import { BsModalService } from 'ngx-bootstrap/modal';
import { BsModalRef } from 'ngx-bootstrap/modal/bs-modal-ref.service';

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

export class UnblockUser implements OnInit {
  
  modalTitle: string;
  UnBlockedUserFrm: FormGroup;
  alerts: string;
  public UserTypeList: any;
  public AccountTypeList: any;
  public UserList: any;
  error;
  modalRef: BsModalRef;
  checkedRecords: Array<number>;
  display = 'none';
  modalAlerts: string;
  //@ViewChild("profileModal")
  //profileModal: ModalComponent;
  //errorMessage: any;
  constructor(private _loadingService: LoadingService,private userservice: UserService, private router: Router, private fb: FormBuilder, private http: Http,
    private _confirmService: ConfirmService, private modalService: BsModalService, private commonService: GlobalService
  ) { }
 
  ngOnInit(): void {    
    this.alerts = '';
      //this.userservice.GetUserById(this.UserId);
    this.UnBlockedUserFrm = this.fb.group({
      //FirstName:[''],
      //LastName: [''],
      //EmailId:  [''],
      //AccountNumber: [''],
      //UserTypeId: [''],
      //AccountTypeId:['']
     // Gender: ['', Validators.required],
   //   Email: ['']
          
    }); this._loadingService.ShowLoading("global-loading");
    this.GetBlockUserList();
    //this.GetAccountType();
    this._loadingService.HideLoading("global-loading");
    
    //this.GetUserList();
  }
  redirect() {
    this.router.navigate(['/']);
  }
  onChange(Idx: number, Id: number, isChecked: boolean) {
    debugger;
    if (isChecked) {
      this.checkedRecords[Idx] = Id;
    }
    else {
      this.checkedRecords[Idx] = 0;
    }
  }
  openModal(template: TemplateRef<any>) {
    debugger;
    this.display = 'block';
    if (this.checkedRecords.filter(C => C > 0).length == 0) return;
    this.modalRef = this.modalService.show(template);
  }
  UpdateUnBlockedUsers(template: TemplateRef<any>) {
    this.modalRef.hide();
    console.log(this.checkedRecords);
    this.alerts = '';
    if (this.alerts == '') {
      var obj = this.checkedRecords.filter(C => C > 0);
      return this.userservice.UpdateUnBlockedUser(obj)
        .subscribe(
        data => (this.AfterDeleteData(data, template)),
        error => {
          this.error = <any>error;
          this.alerts = "<span>" + this.error + "</span>";
        });
    }
  }
  AfterDeleteData(data, template) {
    debugger;
    if (data.Status == "false") {
      this._confirmService.activate("We have encountered a technical error and same has been notified to our technical team.", "alertMsg");
    } else {
      //this.modalAlerts = "<p>Selected users has been unblocked now</p>";
      //this.modalRef = this.modalService.show(template);
      this.GetBlockUserList();
    }
  }
  
  GetBlockUserList(this)
  {
    var UserFilterControl = this.UnBlockedUserFrm.value;
    this.userservice.GetBlockUserList(
      {        
        UserTypeId: this.commonService.UserType,
        LicenseId: 0,
      })

      .subscribe(x => { this.UserList = x; this.checkedRecords = new Array<number>(this.UserList.length);}, 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 {
    //}
  }
  
  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 = '';
  }
  
}