import {
  ChangeDetectionStrategy,
  Injectable,
  ChangeDetectorRef,
  Component,
  Input,
  ViewEncapsulation,
  OnDestroy,
  OnInit,
  HostBinding,
  HostListener,
  inject,
} from "@angular/core";
import { SamSortDirective, SamSortable, SortDirection } from "./sort.directive";
import { CdkColumnDef } from "@angular/cdk/table";
import { coerceBooleanProperty } from "@angular/cdk/coercion";
import { Subscription } from "rxjs";

/**
 * To modify the labels and text displayed, create a new instance of SamSortHeaderIntl and
 * include it in a custom provider.
 */
@Injectable()
export class SamSortHeaderIntl {
  sortButtonLabel = (id: string) => {
    return id;
  };

  /** A label to describe the current sort (visible only to screenreaders). */
  sortDescriptionLabel = (id: string, direction: SortDirection) => {
    return `Sorted by ${id} ${direction === "asc" ? "ascending" : "descending"}`;
  };
}
/* tslint:disable */
/**
 * Applies sorting behavior (click to change sort) and styles to an element, including an
 * arrow to display the current sort direction.
 *
 * Must be provided with an id and contained within a parent MdSort directive.
 *
 * If used on header cells in a CdkTable, it will automatically default its id from its containing
 * column definition.
 */
@Component({
  selector: "[sam-sort-header]",
  template: `
    <div
      class="sam-sort-header-container"
      [class.sam-sort-header-position-before]="arrowPosition == 'before'"
    >
      <button
        class="sam-sort-header-button"
        type="button"
        [attr.aria-label]="_intl.sortButtonLabel(id)"
        [attr.disabled]="disabled ? disabled : undefined"
      >
        <ng-content></ng-content>
        <span
          *ngIf="_isSorted(); else not_sorted"
          class="fa"
          [class.fa-sort-up]="_sort.direction == 'asc'"
          [class.fa-sort-down]="_sort.direction == 'desc'"
        >
        </span>
        <ng-template #not_sorted><span class="fa fa-sort"></span></ng-template>
      </button>
    </div>

    <span class="sr-only" *ngIf="_isSorted()">
      {{ _intl.sortDescriptionLabel(id, _sort.direction) }}
    </span>
  `,
  encapsulation: ViewEncapsulation.None,
  changeDetection: ChangeDetectionStrategy.OnPush,
  standalone: false,
})
export class SamSortHeaderComponent implements SamSortable, OnInit, OnDestroy {
  _intl = inject(SamSortHeaderIntl);
  private _changeDetectorRef = inject(ChangeDetectorRef);
  _sort = inject(SamSortDirective, { optional: true });
  _cdkColumnDef = inject(CdkColumnDef, { optional: true });

  /** @docs-private  */
  sortSubscription: Subscription;

  /**
   * ID of this sort header. If used within the context of a CdkColumnDef, this will default to
   * the column's name.
   */
  @Input() id: string;

  /** Sets the position of the arrow that displays when sorted. */
  @Input() arrowPosition: "before" | "after" = "after";

  /**
   * Disables the sort event from firing
   */
  @Input() disabled: boolean = false;

  /** Overrides the sort start value of the containing MdSort for this SamSortable. */
  @Input() start: "asc" | "desc";

  /** Overrides the disable clear value of the containing MdSort for this SamSortable. */
  @Input()
  @HostBinding("class.sam-sort-header-sorted")
  samSortHeaderSorted() {
    return this._isSorted();
  }
  @HostListener("click") hostClick() {
    if (!this.disabled) {
      return this._sort.sort(this);
    }
  }
  get disableClear() {
    return this._disableClear;
  }
  set disableClear(v) {
    this._disableClear = coerceBooleanProperty(v);
  }
  private _disableClear: boolean;

  constructor() {
    const _changeDetectorRef = this._changeDetectorRef;
    const _sort = this._sort;

    if (!_sort) {
      //throw getMdSortHeaderNotContainedWithinMdSortError();
    }

    this.sortSubscription = _sort.samSortChange.subscribe(() =>
      _changeDetectorRef.markForCheck()
    );
  }

  ngOnInit() {
    if (!this.id && this._cdkColumnDef) {
      this.id = this._cdkColumnDef.name;
    }

    this._sort.register(this);
  }

  ngOnDestroy() {
    this._sort.deregister(this);
    this.sortSubscription.unsubscribe();
  }

  /** Whether this MdSortHeader is currently sorted in either ascending or descending order. */
  _isSorted() {
    return this._sort.active == this.id && this._sort.direction;
  }
}