import { Component, HostListener } from '@angular/core';
import { AsyncPipe } from '@angular/common';
import { RouterOutlet } from '@angular/router';
import { SidebarComponent } from './sidebar/sidebar.component';
import { SecondarySidebarComponent } from './shared/secondary-sidebar/secondary-sidebar.component';
import { GlobalSearchComponent } from './shared/global-search/global-search.component';
import { UpdateBannerComponent } from './shared/update-banner/update-banner.component';
import { ConfirmDialogHostComponent } from './shared/confirm-dialog/confirm-dialog-host.component';
import { LayoutService } from './services/layout.service';
import { GlobalSearchService } from './services/global-search.service';
import { VersionCheckerService } from './services/version-checker.service';

@Component({
    selector: 'app-root',
    imports: [
    RouterOutlet,
    SidebarComponent,
    SecondarySidebarComponent,
    GlobalSearchComponent,
    UpdateBannerComponent,
    ConfirmDialogHostComponent,
    AsyncPipe
],
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.scss']
})
export class AppComponent {
  readonly sidebarConfig$ = this.layoutService.secondarySidebar$;

  constructor(
    private layoutService: LayoutService,
    private globalSearch: GlobalSearchService,
    versionChecker: VersionCheckerService,
  ) {
    // Demarre la detection de mise a jour en arriere-plan.
    // Si une nouvelle version est deployee pendant la session, l'UpdateBanner
    // s'affichera automatiquement.
    versionChecker.start();
  }

  @HostListener('document:keydown', ['$event'])
  onKeydown(event: KeyboardEvent): void {
    // Ctrl+K (Windows/Linux) ou Cmd+K (macOS)
    if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'k') {
      event.preventDefault();
      this.globalSearch.toggle();
    }
  }
}