import {Component, EventEmitter, Output} from '@angular/core';
import {FormsModule} from '@angular/forms';
import {Index} from '../index';

@Component({
  selector: 'sae-translate-texts',
  standalone: true,
  imports: [FormsModule, Index],
  templateUrl: './translate-texts.html',
  styleUrl: './translate-texts.scss'
})
export class TranslateTexts {
  public fromText: string = ''
  public toText: string = 'résumé ici'
  public loadingResume: boolean = false;
  public mode: string = 'demo';
  public debounceEnabled: boolean = false;
  public fromTimeout: any;
  public debounceDuration: number = 1000;
  @Output() updateFilters: EventEmitter<any> = new EventEmitter();


  onToTextChanged(e: any): void {
    console.log('text changed toText', e)
    // launch request
    // in demo mode, fill some filters
    if (this.mode !== 'production') {

      // Clear any existing timeout to reset the debounce
      if (this.fromTimeout) {
        clearTimeout(this.fromTimeout);
      }

      // Set a new timeout
      this.fromTimeout = setTimeout(() => {
        // in demo mode, load demo filters
        console.log('demo mode')

        const newFilters = [
          ['filter demo 1', 'filter demo 2'],
          ['filter demo 3'],
          ['filter demo 4', 'filter demo ABCD'],
          ['filter demo 5'],
        ]
        this.updateFilters.emit(newFilters);
        this.loadingResume = false;
      }, this.debounceDuration);
    }
  }

  onFromTextChanged(e?: any): void {

    console.log('text changed fromText', e)
    // run research after a delay
    if (this.mode !== 'production') {
      this.loadingResume = true;

      // Clear any existing timeout to reset the debounce
      if (this.fromTimeout) {
        clearTimeout(this.fromTimeout);
      }

      // Set a new timeout
      this.fromTimeout = setTimeout(() => {
          // in demo mode, make a fake resume
          console.log('demo mode')
          this.toText = "Résumé de démo à titre d'exemple"
          this.loadingResume = false;
        },
        this.debounceDuration);

    }

  }

  emptyText(someText: 'fromText' | 'toText') {
    this[someText] = '';
  }

  onFileSelected($event: Event) {

  }

  clickFileUpload(fileUpload: HTMLInputElement) {

    fileUpload.click();

  }
}