<?php

namespace OOUI;

/**
 * TabPanelLayouts are used within IndexLayouts to create tab panels that
 * users can select and display from the index's optional TabSelectWidget
 * navigation. TabPanels are usually not instantiated directly, rather extended to include the
 * required content and functionality.
 *
 * Each tab panel must have a unique symbolic name, which is passed to the constructor.
 */
class TabPanelLayout extends PanelLayout {

	/**
	 * @var string
	 */
	protected $name;
	/**
	 * @var string
	 */
	protected $label;
	/**
	 * @var TabOptionWidget
	 */
	protected $tabItem;
	/**
	 * @var bool
	 */
	protected $active;
	/**
	 * @var array
	 */
	protected $tabItemConfig;

	/**
	 * @param string $name Unique symbolic name of tab panel
	 * @param array $config Configuration options
	 *      - string|HtmlSnippet $config['label'] Label for tab panel's tab
	 *      - array $config['tabItemConfig'] Additional tab item config
	 */
	public function __construct( $name, array $config = [] ) {
		// Allow passing positional parameters inside the config array
		if ( is_array( $name ) && isset( $name['name'] ) ) {
			$config = $name;
			$name = $config['name'];
		}

		$config = array_merge( [ 'scrollable' => true ], $config );

		// Parent constructor
		parent::__construct( $config );

		// Initialization
		$this->name = $name;
		$this->label = $config['label'] ?? null;
		$this->tabItemConfig = $config['tabItemConfig'] ?? [];
		$this->addClasses( [ 'oo-ui-tabPanelLayout' ] );
		$this->setAttributes( [
			'role' => 'tabpanel',
		] );
	}

	public function getConfig( &$config ) {
		$config['name'] = $this->name;
		$config['label'] = $this->label;
		if ( !empty( $this->tabItemConfig ) ) {
			$config['tabItemConfig'] = $this->tabItemConfig;
		}
		// scrollable default has changed to true
		if ( !$this->hasClass( 'oo-ui-panelLayout-scrollable' ) ) {
			$config['scrollable'] = false;
		} else {
			unset( $config['scrollable'] );
		}
		return parent::getConfig( $config );
	}

	public function getName() {
		return $this->name;
	}

	public function getTabItemConfig() {
		return $this->tabItemConfig;
	}

	public function setTabItem( $tabItem ) {
		$this->tabItem = $tabItem;
		$this->setupTabItem();
		return $this;
	}

	public function setupTabItem() {
		// TODO: Set aria-labelledby/aria-controls as in .js
		if ( $this->label ) {
			$this->tabItem->setLabel( $this->label );
		}
		return $this;
	}

	public function getLabel() {
		return $this->label;
	}

	public function setActive( $active ) {
		$this->active = $active;
		$this->removeClasses( [ 'oo-ui-tabPanelLayout-active' ] );
		if ( $active ) {
			$this->addClasses( [ 'oo-ui-tabPanelLayout-active' ] );
		}
	}
}