import { CommonModule } from '@angular/common';
import { Component, ViewChild } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { TranslateModule } from '@ngx-translate/core';
import { NgSelectModule } from '@ng-select/ng-select';

import { PasswordHideShowComponent } from '../../shared/components/password-hide-show/password-hide-show.component';
import { pageSizeOptions } from '../../utils/app.constants';

@Component({
  selector: 'app-third-party-registration',
  imports: [TranslateModule, CommonModule, FormsModule, PasswordHideShowComponent, NgSelectModule ],
  templateUrl: './third-party-registration.component.html',
  styleUrl: './third-party-registration.component.scss'
})
export class ThirdPartyRegistrationComponent {
  searchText: string = '';
  passwordType: string = 'password';
  renewalDataExpanded = true;
  pageSizeOptions = pageSizeOptions;
  itemsPerPage: number = 5;
  
  @ViewChild(PasswordHideShowComponent) passwordHideShow?: PasswordHideShowComponent;

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