import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
import { CommonModule } from '@angular/common';
import {
  MAT_DIALOG_DATA,
  MatDialogRef,
  MatDialogModule,
} from '@angular/material/dialog';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
import { MatChipsModule } from '@angular/material/chips';

import { Filament } from '../../models/filament.model';

/**
 * Data passed into the delete confirmation dialog.
 */
export interface DeleteFilamentDialogData {
  filament: Filament;
}

/**
 * Delete confirmation dialog for filament spool removal.
 *
 * Displays spool details (material, brand, color, serial, remaining weight)
 * and requires the user to confirm before deletion proceeds.
 * Cancel dismisses the dialog with no action.
 */
@Component({
  selector: 'app-delete-filament-dialog',
  standalone: true,
  imports: [
    CommonModule,
    MatDialogModule,
    MatButtonModule,
    MatIconModule,
    MatChipsModule,
  ],
  templateUrl: './delete-filament-dialog.component.html',
  styleUrl: './delete-filament-dialog.component.scss',
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class DeleteFilamentDialogComponent {
  private readonly dialogRef = inject(
    MatDialogRef<DeleteFilamentDialogComponent, boolean>
  );
  readonly data: DeleteFilamentDialogData = inject(MAT_DIALOG_DATA);

  /** The filament spool being considered for deletion */
  readonly filament = this.data.filament;

  /** Format weight for display in dialog */
  formatWeight(grams: number): string {
    if (grams >= 1000) {
      return `${(grams / 1000).toFixed(1)}kg`;
    }
    return `${Math.round(grams)}g`;
  }

  /** Cancel — close dialog with false (no deletion) */
  onCancel(): void {
    this.dialogRef.close(false);
  }

  /** Confirm — close dialog with true (proceed with deletion) */
  onConfirm(): void {
    this.dialogRef.close(true);
  }
}