import { Component, Inject, OnInit } from '@angular/core';
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { MatTableDataSource } from '@angular/material/table';
import { ContactData } from 'src/app/interfaces/acquisition-management/provider/provider.interface';

const DATA_EXAMPLE: Array<any> = [
  {
    idContacto: '000000001',
    tipoContacto: 'Intermediario',
    direccion: 'Calle 11 19',
    municipio: 'Jiutepec',
    entidad: 'Morelos',
    pais: 'México',
    telefono: '(777) 513-2885',
    correoElectronico: 'jean@ittec.mx',
  },
  {
    idContacto: '000000002',
    tipoContacto: 'Intermediario',
    direccion: 'Calle 11 19',
    municipio: 'Jiutepec',
    entidad: 'Morelos',
    pais: 'México',
    telefono: '(777) 513-2885',
    correoElectronico: 'jean@ittec.mx',
  },
  {
    idContacto: '000000003',
    tipoContacto: 'Intermediario',
    direccion: 'Calle 11 19',
    municipio: 'Jiutepec',
    entidad: 'Morelos',
    pais: 'México',
    telefono: '(777) 513-2885',
    correoElectronico: 'jean@ittec.mx',
  },
];

@Component({
  selector: 'app-contact-provider',
  templateUrl: './contact-provider.component.html',
  styleUrls: ['./contact-provider.component.css']
})
export class ContactProviderComponent implements OnInit {
  public displayedColumns: string[] = [
    'NOMBRE_CONTACTO',
    'TIPO_CONTACTO',
    'DIRECCION',
    'CORREO1',
    'TELEFONO1',
    'ACCIONES',
  ];
  public isLoading: boolean;
  public dataSource: MatTableDataSource<ContactData>;

  constructor(
    @Inject(MAT_DIALOG_DATA) public dataContact: Array<ContactData>,
    private _dialogRef: MatDialogRef<any>
  ) {
    this.dataSource = new MatTableDataSource(this.dataContact);
    this.isLoading = false;
  }

  ngOnInit(): void {
  }

  public openDialog(element:ContactData) {
    this._dialogRef.close(element);
  }

}
