import {Component, inject, signal} from '@angular/core';
import {TuiButton, TuiDialog, TuiErrorComponent, TuiGroup, TuiIcon, TuiInputDirective} from '@taiga-ui/core';
import {TranslatePipe} from '@ngx-translate/core';
import {ServiceManager} from '../../../service-manager';
import {JsonPipe} from '@angular/common';
import {TuiBadge, TuiButtonLoading, TuiInputColor} from '@taiga-ui/kit';
import {
  AbstractControl,
  FormControl,
  FormGroup,
  ReactiveFormsModule,
  ValidationErrors,
  Validators
} from '@angular/forms';
import {Password} from './password/password';
import {Email} from './email/email';
import {Phone} from './phone/phone';

@Component({
  selector: 'user-settings-security',
  imports: [
    TuiGroup,
    TranslatePipe,
    TuiIcon,
    JsonPipe,
    TuiBadge,
    TuiButton,
    TuiDialog,
    ReactiveFormsModule,
    TuiInputColor,
    TuiInputDirective,
    TuiButtonLoading,
    TuiErrorComponent,
    Password,
    Email,
    Phone
  ],
  templateUrl: './security.html',
  styleUrl: './security.scss',
})
export class Security {
  serviceManager = inject(ServiceManager)
}
