import {
  Component,OnInit,TemplateRef,ViewChild
} from ''@angular/core'';
import {
  SUserInfoService
} from ''../suser-info.service'';

@Component({
  selector: ''app-site-info'',templateUrl: ''./site-info.component.html'',styleUrls: [''./site-info.component.css'']
})
export class SiteInfoComponent implements OnInit {
  @ViewChild(''actionTpl'',{
    static: true
  })
  actionTpl: TemplateRef < any > ;
  @ViewChild(''addresstpl'',{
    static: true
  })
  addresstpl: TemplateRef < any > ;
  @ViewChild(''activeTpl'',{
    static: true
  })
  activeTpl: TemplateRef < any > ;
  @ViewChild(''idTpl'',{
    static: true
  })
  idTpl: TemplateRef < any > ;

  isLoading: boolean = false;
  options: any = {};
  userInfoList: any[] = [];
  columns: any = {};

  constructor(private userInfoService: SUserInfoService) {}

  ngOnInit(): void {
    editCountry() {
      this.editForm = this.fb.group({
        id: [''''],first_name: ['''',[Validators.required,Validators.minLength(2),Validators.maxLength(100)]],last_name: ['''',Validators.maxLength(100)]]
      });
    }
    this.options = {
      loader: true
    };
    this.columns = [{
        key: ''id'',title: ''<div> ID</div>'',width: 60,sorting: true,align: {
          head: ''center'',body: ''center''
        },vAlign: {
          head: ''bottom'',body: ''middle''
        },cellTemplate: this.idTpl
      },{
        key: ''first_name'',title: ''<div>First Name</div>'',width: 100
      },{
        key: ''last_name'',title: ''<div>Last Name</div>'',{
        key: '''',title: ''<div>Action</div>'',sorting: false,width: 80,cellTemplate: this.actionTpl
      }
    ];

    this.isLoading = true;
    this.userInfoService.getAllUserDetail().subscribe(
      data => {
        console.log(data);
        this.userInfoList = [data.results.user];

        this.options = {
          ...this.options,loader: false
        };
      },error => {
        this.isLoading = false;
      }
    );
  }
}

editUserModal(row: any) {
  console.log(row.id);
  console.log(row);
  this.editForm.controls[''id''].setValue(row.id);
  this.editForm.controls[''first_name''].setValue(row.first_name);
}

  submitEditForm() {
this.isSubmitted = true;

if (this.editForm.invalid) {
    return;
}

this.userInfoService.updateUser(row.id,this.editForm.value).subscribe(res => {
  this.data1 = res;
  this.tokenEditHandler(res);
  },error => {
    this.store.dispatch(loadErrorMessagesSuccess(error));
    this.isLoading = false;
  });
  this.isLoading = false;
   }