import addon from "../utils/addon";
import { QWidget, QWidgetSignals } from "./QWidget";
import { NativeElement } from "../core/Component";
import { QIcon } from "../QtGui/QIcon";
import { TabPosition } from "../QtEnums";
import { wrapperCache } from "../core/WrapperCache";
import { checkIfNativeElement } from "../utils/helpers";

/**

> Create and control a stack of tabbed widgets.

* **This class is a JS wrapper around Qt's [QTabWidget class](https://doc.qt.io/qt-5/qtabwidget.html)**

A 'QTabWidget' provides a tab bar and a "page area" that is used to display pages related to each tab.

### Example

```javascript
// This example creates two tabs, each holding a separate calendar.
const { QTabWidget, QCalendarWidget, QIcon } from "@vixen-js/core";

const tabWidget = new QTabWidget();

tabWidget.addTab(new QCalendarWidget(), new QIcon(), 'Tab 1');
tabWidget.addTab(new QCalendarWidget(), new QIcon(), 'Tab 2');
```
 */
export class QTabWidget extends QWidget<QTabWidgetSignals> {
  constructor(arg?: QWidget<QWidgetSignals> | NativeElement) {
    let native: NativeElement;
    if (checkIfNativeElement(arg)) {
      native = arg as NativeElement;
    } else if (arg != null) {
      const parent = arg as QWidget;
      native = new addon.QTabWidget(parent.native);
    } else {
      native = new addon.QTabWidget();
    }
    super(native);
  }
  /**
   * Adds a tab to the TabBar of the widget.
   * If you include an ampersand (`&`) in the label, the next character will become the shortcut to this tab.
   * Eg: the label "Bro&wse" will assign ALT+W to focus on this tab.
   * @param page The widget that will become the body of the tab.
   * @param iconOrLabel The icon of the tab (optional). When you omit the icon, this must be the label.
   * @param label The label of the tab.
   * @returns The index of the tab.
   */
  addTab(
    page: QWidget,
    iconOrLabel: QIcon | string | undefined,
    label: string | undefined
  ): number {
    let index;
    if (iconOrLabel instanceof String) {
      index = this.native?.addTab_2(page.native, iconOrLabel);
    } else if (iconOrLabel instanceof QIcon && label !== undefined) {
      index = this.native?.addTab_3(page.native, iconOrLabel.native, label);
    }
    page.setFlexNodeSizeControlled(true);
    return index;
  }
  /**
   * Adds a tab to the TabBar of the widget to a specific position.
   * If you include an ampersand (`&`) in the label, the next character will become the shortcut to this tab.
   * Eg: the label "Bro&wse" will assign ALT+W to focus on this tab.
   * @param index The index where the tab will be inserted.
   * @param page The widget that will become the body of the Tab.
   * @param iconOrLabel The icon of the tab (optional). When you omit the icon, this must be the label.
   * @param label The label of the tab.
   * @returns The new index of the tab
   */
  insertTab(
    index: number,
    page: QWidget,
    iconOrLabel: QIcon | string | undefined,
    label: string
  ): number {
    let newIndex;
    if (iconOrLabel instanceof String) {
      newIndex = this.native?.insertTab_3(index, page.native, iconOrLabel);
    } else if (iconOrLabel instanceof QIcon && label !== undefined) {
      newIndex = this.native?.insertTab_4(
        index,
        page.native,
        iconOrLabel.native,
        label
      );
    }
    return newIndex;
  }

  indexOf(widget: QWidget): number {
    return this.native?.indexOf(widget.native);
  }

  setTabPosition(tabPosition: TabPosition): void {
    this.native?.setTabPosition(tabPosition);
  }

  setTabText(tabIndex: number, tabText: string): void {
    this.native?.setTabText(tabIndex, tabText);
  }

  setTabIcon(tabIndex: number, icon: QIcon): void {
    this.native?.setTabIcon(tabIndex, icon.native);
  }

  setCurrentIndex(index: number): void {
    this.native?.setCurrentIndex(index);
  }

  currentIndex(): number {
    return this.native?.currentIndex();
  }

  removeTab(index: number): void {
    this.native?.removeTab(index);
    const toRemove = this.widget(index);
    toRemove.setFlexNodeSizeControlled(false);
  }

  setTabsClosable(closeable: boolean): void {
    this.native?.setTabsClosable(closeable);
  }

  widget(index: number): QWidget {
    return wrapperCache.getWrapper(this.native?.widget(index)) as QWidget;
  }
}
wrapperCache.registerWrapper("QTabWidgetWrap", QTabWidget);

export interface QTabWidgetSignals extends QWidgetSignals {
  onCurrentChange: (index: number) => void;
  onTabBarClick: (index: number) => void;
  onTabBarDblClick: (index: number) => void;
  onTabCloseRequest: (index: number) => void;
}