///
/// Copyright 2015-2026 Micro Focus or one of its affiliates.
///
/// Licensed under the Apache License, Version 2.0 (the "License");
/// you may not use this file except in compliance with the License.
/// You may obtain a copy of the License at
///
///      http://www.apache.org/licenses/LICENSE-2.0
///
/// Unless required by applicable law or agreed to in writing, software
/// distributed under the License is distributed on an "AS IS" BASIS,
/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
/// See the License for the specific language governing permissions and
/// limitations under the License.
///

import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';
import {
  ChangeDetectionStrategy,
  ChangeDetectorRef,
  Component,
  EventEmitter,
  inject,
  Input,
  OnDestroy,
  OnInit,
  Output,
} from '@angular/core';
import { Subject } from 'rxjs';
import { filter as rxFilter, takeUntil } from 'rxjs/operators';
import { IconComponent } from '../../icon/icon.component';
import { MenuItemComponent } from '../../menu/menu-item/menu-item.component';
import { MenuTriggerDirective } from '../../menu/menu-trigger/menu-trigger.directive';
import { MenuComponent } from '../../menu/menu/menu.component';
import { FilterRemoveAllEvent } from '../events/filter-remove-all-event';
import { FilterService } from '../filter.service';
import { Filter } from '../interfaces/filter.interface';

let uniqueId = 0;

@Component({
  selector: 'ux-filter-dropdown',
  templateUrl: './filter-dropdown.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
  imports: [MenuTriggerDirective, IconComponent, MenuComponent, MenuItemComponent],
})
export class FilterDropdownComponent implements OnInit, OnDestroy {
  private readonly _filterService = inject(FilterService);

  private readonly _changeDetector = inject(ChangeDetectorRef);

  /** Store the unique id so we only increment the counter once per instance */
  private readonly _uniqueId: number = uniqueId++;

  /** Define the input for the component */
  @Input() id: string;

  /** The list of items to display in the dropdown */
  @Input() filters: Filter[] = [];

  /** Define an initial item to select */
  @Input() initial: Filter;

  /** Defined the closeOnBlur state for the ux-menu trigger */
  @Input() set closeOnBlur(value: boolean) {
    this._closeOnBlur = coerceBooleanProperty(value);
  }

  get closeOnBlur(): boolean {
    return this._closeOnBlur;
  }

  /** Emit when the filter menu is closed */
  @Output() readonly closed = new EventEmitter<void>();

  selected: Filter;

  get filterId(): string {
    return this.id ?? `ux-filter-dropdown-${this._uniqueId}`;
  }

  private readonly _onDestroy = new Subject<void>();
  private _closeOnBlur: boolean = false;

  constructor() {
    this._filterService.events$
      .pipe(
        rxFilter(event => event instanceof FilterRemoveAllEvent),
        takeUntil(this._onDestroy)
      )
      .subscribe(() => this.removeFilter());

    // ensure that the current selected filter is still selected when the active filters change
    this._filterService.filters$.pipe(takeUntil(this._onDestroy)).subscribe(filters => {
      if (this.selected && filters.indexOf(this.selected) === -1) {
        this.removeFilter();
      }
    });
  }

  ngOnInit(): void {
    this.selected = this.initial;

    // check to see if any of the filters have been preselected or changes to selected filters
    this._filterService.filters$.pipe(takeUntil(this._onDestroy)).subscribe(filters => {
      filters.forEach(filter => {
        if (this.filters.indexOf(filter) !== -1) {
          this.selected = filter;
        }
      });

      this._changeDetector.markForCheck();
    });
  }

  ngOnDestroy(): void {
    this._onDestroy.next();
    this._onDestroy.complete();
  }

  selectFilter(filter: Filter, event: Event) {
    this.removeFilter();
    this.selected = filter;
    this._filterService.add(this.selected);

    event.stopPropagation();
    event.preventDefault();
  }

  removeFilter(): void {
    this._filterService.remove(this.selected);
    this.selected = this.initial;
    this._changeDetector.markForCheck();
  }

  static ngAcceptInputType_closeOnBlur: BooleanInput;
}