import { Component, OnInit } from '@angular/core';
import { ModalController, NavParams, PopoverController } from '@ionic/angular';
import { EventPerson } from 'src/app/models/eventperson.model';
import { SearchList } from 'src/app/models/search-document';
import { NewEventPage } from 'src/app/pages/agenda/new-event/new-event.page';
import { SearchPage } from 'src/app/pages/search/search.page';
import { AlertService } from 'src/app/services/alert.service';
import { environment } from 'src/environments/environment';

@Component({
  selector: 'app-chat-options-popover',
  templateUrl: './chat-options-popover.page.html',
  styleUrls: ['./chat-options-popover.page.scss'],
})
export class ChatOptionsPopoverPage implements OnInit {

  documents:SearchList[] = [];
  members: any;
  attendees: EventPerson[] = [];

  constructor(
    private popoverController: PopoverController,
    private modalController: ModalController,
    private alertService: AlertService,
    private navParams: NavParams,
  ) {

    this.members = this.navParams.get('members');
    console.log(this.members);
    this.attendees = this.navParams.get('members').map((val)=>{
      return {
        Name: val.name,
        EmailAddress: val.username+"@"+environment.domain,
        IsRequired: "true",
      }
    });
  }

  ngOnInit() {
    console.log(this.attendees);

  }

  notImplemented(){
    this.alertService.presentAlert('Funcionalidade em desenvolvimento');
  }

  takePicture(){
    if( window.innerWidth < 701){
      this.popoverController.dismiss('takePicture');
    }
    else{
      this.modalController.dismiss('takePicture');
    }
  }

  anexarFoto(){
    if( window.innerWidth < 701){
      this.popoverController.dismiss('loadPicture');
    }
    else{
      this.modalController.dismiss('loadPicture');
    }
  }

  close(){
    if( window.innerWidth < 701){
      this.popoverController.dismiss();
    }
    else{
      this.modalController.dismiss();
    }
  }

  attachDocument(){
    console.log('Anexar Documento');

  }

  /* getGroupContacts(room:any){
    this.showLoader = true;
    //If group is private call getGroupMembers
    if(this.room.t === 'p'){
      this.chatService.getGroupMembers(this.roomId).subscribe(res=>{
        console.log(res);
        this.members = res['members'];
        this.showLoader = false;
      });
    }
    //Otherwise call getChannelMembers for públic groups
    else{
      this.chatService.getChannelMembers(this.roomId).subscribe(res=>{
        console.log(res);
        this.members = res['members'];
        this.showLoader = false;
      });
    }
  } */

  async getDoc(){
    const modal = await this.modalController.create({
      component: SearchPage,
      cssClass: 'group-messages modal-desktop search-modal search-modal-to-desktop',
      componentProps: {
        type: 'AccoesPresidenciais & ArquivoDespachoElect',
        select: true,
        showSearchInput: true,
      }
    });
    await modal.present();
    modal.onDidDismiss().then((res)=>{
      if(res){
        const data = res.data;
        this.documents.push(data.selected);
        console.log(res.data);

      }
    });
  }

  async bookMeeting() {
    console.log(this.attendees);
    this.popoverController.dismiss();
    if( window.innerWidth <= 1024){
      const modal = await this.modalController.create({
        component: NewEventPage,
        componentProps:{
          attendees: this.attendees,
        },
        cssClass: 'modal  modal-desktop',
        backdropDismiss: false
      });
      await modal.present();
      modal.onDidDismiss().then((data) => {
        if(data){

        }
      });
    }
  }

}