import { CommonModule } from '@angular/common';
import { Component, ViewChild } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { NgSelectComponent } from '@ng-select/ng-select';
import { TranslateModule } from '@ngx-translate/core';
import { pageSizeOptions } from '../../utils/app.constants';
import { PasswordHideShowComponent } from '../../shared/components/password-hide-show/password-hide-show.component';

@Component({
  selector: 'app-feedback-setup',
  imports: [TranslateModule, ReactiveFormsModule, FormsModule, CommonModule, PasswordHideShowComponent],
  templateUrl: './feedback-setup.component.html',
  styleUrl: './feedback-setup.component.scss'
})
export class FeedbackSetupComponent {
  @ViewChild('psh') passwordHideShow ?: PasswordHideShowComponent
  @ViewChild('psh1') passwordHideShow1 ?: PasswordHideShowComponent

  passwordType: string = 'password';
  passwordType1: string = 'password';
  
  togglePasswordType(){
    this.passwordType = this.passwordHideShow?.showPassword ? 'password' : 'text';
  }
  togglePasswordType1(){
    this.passwordType1 = this.passwordHideShow1?.showPassword ? 'password' : 'text';
  }
}