import { Maybe } from '@/core';
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { FileSelectEvent, FileUpload } from 'primeng/fileupload';
import { onSelectArgs } from './model';

@Component({
  selector: 'app-shared-upload-file',
  templateUrl: './upload-file.component.html',
  imports: [FileUpload],
})
export class SharedUploadFileComponent {
  @Input() currentImage: Maybe<string> = null;
  @Input() loading: boolean = false;
  @Input() name: string = 'file';
  @Input() accept: string = 'image/*';
  @Input() maxSize: Maybe<number> = 5 * 1024;
  @Input() error: Maybe<string> = null;
  @Input() hint: Maybe<string> = null;

  @Output() onSelect = new EventEmitter<onSelectArgs>();

  onSelectedFile($event: FileSelectEvent) {
    const file = $event.files?.[0];
    if (!file) {
      return;
    }
    const payload = new FormData();
    payload.append(this.name, file, file.name);
    this.onSelect.emit({ data: payload, file });
  }
}