import CommonElements from "../../CommonElements";
import type { Filter, FilterAssignedType } from "../ListingPage";

export default class TableToolbar extends CommonElements {
  private searchBtn: string;
  private searchInput: string;
  private changeTypeBtn: string;
  private nextPageBtn: string;
  private previousPageBtn: string;
  private searchTypeDropdownBtn: string;
  private searchTypeSelectToggleBtn: string;
  private actionToggleBtn: string;

  constructor() {
    super(".pf-c-toolbar:visible");
    this.searchBtn =
      this.parentSelector + "button[aria-label='Search']:visible";
    this.searchInput =
      this.parentSelector + ".pf-c-search-input__text-input:visible";
    this.changeTypeBtn = this.parentSelector + "#change-type-dropdown";
    this.nextPageBtn = this.parentSelector + "button[data-action=next]";
    this.previousPageBtn = this.parentSelector + "button[data-action=previous]";
    this.searchTypeDropdownBtn =
      this.parentSelector + "[class*='searchtype'] .pf-c-dropdown__toggle";
    this.searchTypeSelectToggleBtn =
      this.parentSelector + "[class*='searchtype'] .pf-c-select__toggle";
    this.actionToggleBtn = this.dropdownToggleBtn + "[aria-label='Actions']";
  }

  clickNextPageButton(isUpperButton = true) {
    if (isUpperButton) {
      cy.get(this.nextPageBtn).first().click();
    } else {
      cy.get(this.nextPageBtn).last().click();
    }
    return this;
  }

  clickPreviousPageButton(isUpperButton = true) {
    if (isUpperButton) {
      cy.get(this.previousPageBtn).first().click();
    } else {
      cy.get(this.previousPageBtn).last().click();
    }
    return this;
  }

  clickActionItem(actionItemName: string) {
    cy.get(this.actionToggleBtn).click();
    cy.get(this.dropdownMenuItem).contains(actionItemName).click();
    return this;
  }

  clickSearchButton() {
    cy.get(this.searchBtn).click();
    return this;
  }

  clickPrimaryButton(itemName?: string) {
    if (itemName == undefined) {
      cy.get(this.primaryBtn).click();
    } else {
      cy.get(this.primaryBtn).contains(itemName).click();
    }
    return this;
  }

  clickDropdownMenuItem(itemName: string) {
    cy.get(this.dropdownMenuItem).contains(itemName).click();
    return this;
  }

  searchItem(searchValue: string, wait = true) {
    if (wait) {
      const searchUrl = `/admin/realms/master/*${searchValue}*`;
      cy.intercept(searchUrl).as("search");
    }
    cy.get(this.searchInput).clear();
    if (searchValue) {
      cy.get(this.searchInput).type(searchValue);
    }
    cy.get(this.searchBtn).click();
    if (wait) {
      cy.wait(["@search"]);
    }
    return this;
  }

  selectSearchType(itemName: Filter) {
    cy.get(this.searchTypeDropdownBtn).click();
    cy.get(this.dropdownMenuItem).contains(itemName).click();
    return this;
  }

  selectSecondarySearchType(itemName: FilterAssignedType) {
    cy.get(this.searchTypeSelectToggleBtn).click();
    cy.get(this.dropdownSelectToggleItem).contains(itemName).click();
    return this;
  }

  changeTypeTo(itemName: FilterAssignedType) {
    cy.get(this.changeTypeBtn).click();
    cy.get(this.dropdownSelectToggleItem).contains(itemName).click();
    return this;
  }

  addClientScope() {
    cy.get(this.primaryBtn).contains("Add client scope").click();
    return this;
  }

  createClient() {
    cy.get(this.primaryBtn).contains("Create client").click();
    return this;
  }

  addMapper() {
    cy.get(this.primaryBtn).contains("Add mapper").click();
    return this;
  }

  checkActionItemIsEnabled(actionItemName: string, enabled: boolean) {
    cy.get(this.actionToggleBtn).click();
    cy.get(this.dropdownMenuItem)
      .contains(actionItemName)
      .should((!enabled ? "not." : "") + "be.disabled");
    cy.get(this.actionToggleBtn).click();
    return this;
  }
}