/**
 * Copyright since 2025 Mifos Initiative
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 */

import { Component, Input, ViewChild, inject } from '@angular/core';
import {
  AbstractControl,
  ControlValueAccessor,
  FormGroupDirective,
  NgControl,
  NgForm,
  Validators
} from '@angular/forms';
import { MatInput } from '@angular/material/input';
import { ErrorStateMatcher } from '@angular/material/core';
import { MatIcon } from '@angular/material/icon';
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';

@Component({
  selector: 'mifosx-input-password',
  templateUrl: './input-password.component.html',
  styleUrls: ['./input-password.component.scss'],
  imports: [
    ...STANDALONE_SHARED_IMPORTS,
    MatIcon
  ]
})
export class InputPasswordComponent implements ControlValueAccessor, ErrorStateMatcher {
  ngControl = inject(NgControl, { optional: true, self: true });

  disabled = false;

  icon = 'visibility_off';

  @Input()
  label: string = null;

  @Input()
  customErrorMessage: string = null;

  @Input()
  customErrorName: string = null;

  get matcher() {
    return this;
  }

  @ViewChild(MatInput)
  matInput: MatInput;

  get required(): boolean {
    return this._required ?? this.ngControl?.control?.hasValidator(Validators.required) ?? false;
  }

  @Input()
  set required(value: boolean) {
    this._required = value;
  }

  touched = false;

  type = 'password';

  value: string = null;

  private _required: boolean = null;

  private _visible = false;

  constructor() {
    const ngControl = this.ngControl;

    if (ngControl !== null) {
      ngControl.valueAccessor = this;
    }
  }

  isErrorState(control: AbstractControl | null, form: FormGroupDirective | NgForm | null): boolean {
    return this.touched && (this.ngControl?.control?.invalid ?? false);
  }

  onChange = (value: any) => {};

  onFocusOut(): void {
    this.touched = true;
    this.onTouched();
    this.matInput.updateErrorState();
  }

  onInput($event: any): void {
    this.value = $event.currentTarget.value;
    this.touched = true;
    this.onChange(this.value);
  }

  onTouched = () => {};

  onVisibilityClick($event: Event): void {
    if (this._visible) {
      this.icon = 'visibility_off';
      this.type = 'password';
    } else {
      this.icon = 'visibility';
      this.type = 'text';
    }

    // Invert the value.
    this._visible = !this._visible;

    $event.stopPropagation();
  }

  registerOnChange(fn: any) {
    this.onChange = fn;
  }

  registerOnTouched(fn: any) {
    this.onTouched = fn;
  }

  setDisabledState(isDisabled: boolean) {
    this.disabled = isDisabled;
  }

  writeValue(obj: any): void {
    this.value = obj;
  }
}