import { Component, OnInit } from '@angular/core';
import { NgForm } from '@angular/forms';
import { Observable } from 'rxjs';
import { MemberUser } from 'src/app/models/member-user';
import { MemberUserService } from 'src/app/services/member-user.service';
import { UserService } from 'src/app/services/user.service';

@Component({
  selector: 'app-memberlist',
  templateUrl: './memberlist.component.html',
  styleUrls: ['./memberlist.component.css']
})
export class MemberlistComponent implements OnInit {

  currentUser : Observable<MemberUser[]>;
  member : MemberUser;
  userid :number =this._userservice.currentUser.userid
  public toggleButton: boolean ;
 mem :MemberUser
 isFormSubmitted : boolean;
   public add(addmemForm : NgForm) {
     this.mem.userid=this._userservice.currentUser.userid
    if (addmemForm.invalid) {
      alert("Kindly enter all details")
      return;
    }
    this.isFormSubmitted=true;
    
    this._memberService.addMemberUser(this.mem).subscribe(x => { alert("Member added Successfuly")

    })
   
    // .subscribe(x => {alert("Sign up Successfull")});
    
    
  }

  public delete(updateForm : NgForm,v: MemberUser) {
    
    this._memberService.deleteMemberUser(v.memberid).subscribe(x => { alert("Member deleted Successfuly")

    })               
  }

  constructor(private _memberService : MemberUserService,private _userservice:UserService) { 
    this.member=new MemberUser()
    this.mem=new MemberUser();
    this.isFormSubmitted=false;

    this.toggleButton=true
     this.currentUser = this._memberService.searchMembersbyUser(this._userservice.currentUser.userid);
      this.currentUser.subscribe();
  }
  
  
  update(updateForm : NgForm ,v:MemberUser) {

    if (updateForm.invalid) {
      return;
    }
    //  console.log(v)
     this._memberService.updateMemberUser(v).subscribe(x=>{ 
      alert("Member Id: "+v.memberid+" with MemberName  "+v.membername+" is updated") })
      //  alert("Record Updated")})
  
  }
  // addMember(updateForm : NgForm ,v:MemberUser) {

  //   if (updateForm.invalid) {
  //     return;
  //   }
  //   //  console.log(v)
  //    this._memberService.addMemberUser(v).subscribe(x=>{ 
  //     alert("Member Id: "+v.memberid+" with MemberName  "+v.membername+" is updated") })
  //     //  alert("Record Updated")})
  
  // }
 
  enable(){
    this.toggleButton = false
 }

 disable(){
    this.toggleButton = true
 }
  ngOnInit(): void {
  }

}