import { CommonModule } from '@angular/common';
import { Component, ViewChild } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { MatButtonModule } from '@angular/material/button';
import { MatCardModule } from '@angular/material/card';
import { MatIconModule } from '@angular/material/icon';
import { MatInputModule } from '@angular/material/input';
import { MatMenuModule } from '@angular/material/menu';
import { MatPaginatorModule, MatPaginator } from '@angular/material/paginator';
import { MatTableModule, MatTableDataSource } from '@angular/material/table';
import { MatTabsModule } from '@angular/material/tabs';
import { RouterLink } from '@angular/router';
import { DialogEtablissementComponent } from './dialog-etablissement/dialog-etablissement.component';
import { MatDialog } from '@angular/material/dialog';



export interface Element {
  etablissements: string;
  classes: string;
  charges: string;
  services: string;
  choix: string;
  actions: string;
}

const ELEMENT_DATA: Element[] = [
  {
    etablissements: 'Etablissement A',
    classes: 'Classe 1',
    charges: 'Charge 1',
    services: 'Service 1',
    choix: 'Choix 1',
    actions: 'Action 1',
  },
  {
    etablissements: 'Etablissement B',
    classes: 'Classe 2',
    charges: 'Charge 2',
    services: 'Service 2',
    choix: 'Choix 2',
    actions: 'Action 2',
  },
  {
    etablissements: 'Etablissement C',
    classes: 'Classe 3',
    charges: 'Charge 3',
    services: 'Service 3',
    choix: 'Choix 3',
    actions: 'Action 3',
  },
  {
    etablissements: 'Etablissement D',
    classes: 'Classe 4',
    charges: 'Charge 4',
    services: 'Service 4',
    choix: 'Choix 4',
    actions: 'Action 4',
  },
  {
    etablissements: 'Etablissement E',
    classes: 'Classe 5',
    charges: 'Charge 5',
    services: 'Service 5',
    choix: 'Choix 5',
    actions: 'Action 5',
  },
  {
    etablissements: 'Etablissement F',
    classes: 'Classe 6',
    charges: 'Charge 6',
    services: 'Service 6',
    choix: 'Choix 6',
    actions: 'Action 6',
  },
  {
    etablissements: 'Etablissement G',
    classes: 'Classe 7',
    charges: 'Charge 7',
    services: 'Service 7',
    choix: 'Choix 7',
    actions: 'Action 7',
  },
  {
    etablissements: 'Etablissement H',
    classes: 'Classe 8',
    charges: 'Charge 8',
    services: 'Service 8',
    choix: 'Choix 8',
    actions: 'Action 8',
  },
  {
    etablissements: 'Etablissement I',
    classes: 'Classe 9',
    charges: 'Charge 9',
    services: 'Service 9',
    choix: 'Choix 9',
    actions: 'Action 9',
  },
  {
    etablissements: 'Etablissement J',
    classes: 'Classe 10',
    charges: 'Charge 10',
    services: 'Service 10',
    choix: 'Choix 10',
    actions: 'Action 10',
  },
];

@Component({
  selector: 'bgui-view-etablissement',
  standalone: true,
  imports: [
    RouterLink,
    MatCardModule,
    CommonModule,
    MatButtonModule,
    MatIconModule,
    MatTabsModule,
    MatTableModule,
    FormsModule,
    MatPaginatorModule,
    MatInputModule,
    MatMenuModule,
  ],
  templateUrl: './view-etablissement.component.html',
  styleUrl: './view-etablissement.component.scss',
})
export class ViewEtablissementComponent {
  constructor(private dialog: MatDialog) {}
  deleteItem(_t101: any) {
    throw new Error('Method not implemented.');
  }
  editItem(_t101: any) {
    throw new Error('Method not implemented.');
  }
  inviteCollaborator(_t101: any) {
    throw new Error('Method not implemented.');
  }
  setDefault(_t101: any) {
    throw new Error('Method not implemented.');
  }
  displayedColumns: string[] = [
    'etablissements',
    'classes',
    'charges',
    'services',
    'choix',
    'actions',
  ];
  dataSource = new MatTableDataSource(ELEMENT_DATA);
  @ViewChild(MatPaginator) paginator!: MatPaginator;
  element: any;
  applyFilter(event: Event) {
    const filterValue = (event.target as HTMLInputElement).value;
    this.dataSource.filter = filterValue.trim().toLowerCase();
  }

  ngAfterViewInit() {
    this.dataSource.paginator = this.paginator;
  }

  public openDialog() {
    // eslint-disable-next-line @typescript-eslint/no-unused-vars
    const dialogRef = this.dialog.open(DialogEtablissementComponent, {
      width: '1000px',
      height: '1000px',
    });
  }
}