import { $, ElementFinder } from 'protractor';

import BasePage from './base-component';
import SignInPage from './signin-page';
<%_ if (!skipUserManagement) { _%>
import RegisterPage from './register-page';
import PasswordPage from './password-page';
import SettingsPage from './settings-page';
<%_ } _%>

const selector: ElementFinder = $('#app-header');
export default class NavBarPage extends BasePage {
  selector: ElementFinder;
  signInPage: SignInPage;
  adminMenu: ElementFinder = this.selector.$('#admin-menu');
  accountMenu: ElementFinder = this.selector.$('#account-menu');
  entityMenu: ElementFinder = this.selector.$('#entity-menu');
<%_ if (authenticationTypeOauth2) { _%>
  loginItem: ElementFinder = this.selector.$('#login-item');
<%_ } _%>

  constructor() {
    super(selector);
    this.selector = selector;
    this.signInPage = new SignInPage();
  }

<%_ if (!skipUserManagement) { _%>
  async getPasswordPage() {
    await this.clickOnAccountMenuItem('password');
    return new PasswordPage();
  }

  async getSettingsPage() {
    await this.clickOnAccountMenuItem('settings');
    return new SettingsPage();
  }

  async getRegisterPage() {
    await this.clickOnAccountMenu();
    await this.clickOnTabMenu('/account/register');
    return new RegisterPage();
  }
<%_ } _%>

  async getSignInPage() {
    await this.clickOnAccountMenu();
<%_ if (!authenticationTypeOauth2) { _%>
    await this.clickOnTabMenu('/login');
<%_ } else { _%>
    await this.loginItem.click();
<%_ } _%>
    return this.signInPage;
  }

  async getEntityPage(entityName: string) {
    await this.clickOnEntityMenu();
    await this.clickOnEntity(entityName);
  }

  async clickOnTabMenu(item: string) {
    await this.selector
    .$('#header-tabs')
    .$(`.dropdown-item[href="${item}"]`)
    .click();
  }

  async clickOnAccountMenu() {
    await this.accountMenu.click();
  }

  async clickOnAccountMenuItem(item: string) {
    await this.accountMenu.click();
    await this.selector.$(`.dropdown-item[href="/account/${item}"]`).click();
  }

  async clickOnAdminMenuItem(item: string) {
    await this.adminMenu.click();
    await this.selector.$(`.dropdown-item[href="/admin/${item}"]`).click();
  }

  async clickOnEntityMenu() {
    await this.entityMenu.click();
  }

  async clickOnEntity(entityName: string) {
    await this.selector.$(`.dropdown-item[href="/${entityName}"]`).click();
  }

  async autoSignIn() {
    await this.signInPage.get();
    const username = process.env.E2E_USERNAME ?? 'admin';
    const password = process.env.E2E_PASSWORD ?? 'admin';
<%_ if (!authenticationTypeOauth2) { _%>
    await this.signInPage.autoSignInUsing(username, password);
<%_ } else { _%>
    this.signInPage.loginWithOAuth(username, password);
<%_ } _%>
  }

  async autoSignOut() {
    await this.accountMenu.click();
    await this.selector.$(`.dropdown-item[href="/logout"]`).click();
  }
}