import { Component } from '@angular/core';
import { User } from '../models/user';
import { UserService } from '../Services/user.service';

@Component({
  selector: 'app-users-page',
  templateUrl: './users-page.component.html',
  styleUrls: ['./users-page.component.css']
})
export class UsersPageComponent {
  users: User[] = [];
  searchQuery: string = '';
  displayedColumns: string[] = ['id', 'email', 'enabled', 'firstName', 'lastName', 'login', 'roles', 'actions'];



  constructor(private userService: UserService) {}

  ngOnInit() {
    this.getAllUsers();
  }

  getAllUsers() {
    this.userService.getAllUsers().subscribe(
      (users: User[]) => {
        this.users = users;
      },
      (error) => {
        console.error('Error retrieving users:', error);
      }
    );
  }

  deleteUser(user: User) {
    if (!confirm(`Are you sure you want to delete the user '${user.login}'?`)) {
      return;
    }
    console.log('user.id = ' + user.id)
    this.userService.deleteUser(user.id).subscribe(
      () => {
        this.getAllUsers();
      },
      (error) => {
        console.error('Error deleting user:', error);
      }
    );
  }

  displayUserInfo(user: User | null): void {
    if (user) {
      // Handle displaying user information
    } else {
      // Handle the case when no user is selected
    }
  }
  // filterUsers() {
  //   this.filteredUsers = this.users.filter(user =>
  //     user.login.toLowerCase().includes(this.searchQuery.toLowerCase())
  //   );
  // }
}