import { Component, inject } from '@angular/core';
import { RouterLink, RouterLinkActive } from '@angular/router';
import { version } from '../../../package.json';
import { KeycloakService } from '../auth/keycloak.service';

@Component({
  selector: 'app-menu',
  imports: [RouterLink, RouterLinkActive],
  templateUrl: './menu.html',
  styleUrl: './menu.css',
})
export class Menu {
  protected readonly version = version;
  protected readonly keycloak = inject(KeycloakService);

  protected readonly menuItems = [
    { label: 'Accueil', path: '/home' },
    { label: 'Tableau de bord', path: '/dashboard' },
    { label: 'Projet', path: '/project' },
    { label: 'Issues', path: '/issues' },
    { label: 'Milestones', path: '/milestones' },
    { label: 'Statuts', path: '/statuses' },
  ];

  protected logout(): void {
    this.keycloak.logout();
  }
}