import { Component, OnInit } from '@angular/core';
import { ModalController } from '@ionic/angular';
import { GroupMessagesPage } from '../../group-messages/group-messages.page';
import { ThemeService } from 'src/app/services/theme.service'
import { ChatSystemService } from 'src/app/services/chat/chat-system.service'

@Component({
  selector: 'app-contacts',
  templateUrl: './contacts.page.html',
  styleUrls: ['./contacts.page.scss'],
})
export class ContactsPage implements OnInit {
  options:any;

  constructor(
    private modalController: ModalController,
    public ThemeService: ThemeService,
    public ChatSystemService: ChatSystemService
  ) 
  { 

  }

  ngOnInit() {
    this.loadUsers();

  }

  loadUsers(){
    this.ChatSystemService.getUser()
  }

  separateLetter(record, recordIndex, records){

    if(recordIndex == 0){
      return record.first[0];
    }

    let first_prev = records[recordIndex - 1].first[0];
    let first_current = record.first[0];

    if(first_prev != first_current){
      return first_current;
    }
    return null;
  }

  doRefresh(event){

  }
  close(){
    this.modalController.dismiss();
  }
  onChange(event){

  }
  clicked(){
    
    
  }
  async groupMessages(){
    const modal = await this.modalController.create({
      component: GroupMessagesPage,
      componentProps: {}, 
      cssClass: 'contacts',
      backdropDismiss: false
    });

    modal.onDidDismiss();
    await modal.present();
  }

}