import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { AdminPreferencesService } from '../services/admin-preferences.service';
import { TranslatePipe } from '../../../../i18n/translate.pipe';
import { ToggleComponent } from '../../../../shared/ui/toggle/toggle.component';

@Component({
  selector: 'app-admin-settings-page',
  standalone: true,
  imports: [FormsModule, TranslatePipe, ToggleComponent],
  templateUrl: './admin-settings-page.component.html',
  styleUrls: ['./admin-settings-page.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class AdminSettingsPageComponent {
  readonly preferences = inject(AdminPreferencesService);

  onCompactToggle(compact: boolean): void {
    this.preferences.setDensity(compact ? 'compact' : 'comfortable');
  }
}