widget(Modal::className(), array(
 * 	'id' => 'myModal',
 * 	'header' => 'Modal Heading',
 * 	'content' => '
One fine body...
',
 * 	'footer' => 'Modal Footer',
 *  // if we wish to display a modal button
 * 	'buttonOptions' => array(
 * 		'label' => 'Show Modal',
 * 		'class' => 'btn btn-primary'
 * 		)
 * ));
 * ```
 * @see http://twitter.github.io/bootstrap/javascript.html#modals
 * @author Antonio Ramirez 
 * @since 2.0
 */
class Modal extends Widget
{
	/**
	 * @var array  The additional HTML attributes of the button that will show the modal. If empty array, only
	 * the markup of the modal will be rendered on the page, so users can easily call the modal manually with their own
	 * scripts. The following special attributes are available:
	 * 
	 *    - label: string, the label of the button*
*
	 * For available options of the button trigger, see http://twitter.github.com/bootstrap/javascript.html#modals.
	 */
	public $buttonOptions = array();
	/**
	 * @var boolean indicates whether the modal should use transitions. Defaults to 'true'.
	 */
	public $fade = true;
	/**
	 * @var bool $keyboard, closes the modal when escape key is pressed.
	 */
	public $keyboard = true;
	/**
	 * @var bool $show, shows the modal when initialized.
	 */
	public $show = false;
	/**
	 * @var mixed includes a modal-backdrop element. Alternatively, specify `static` for a backdrop which doesn't close
	 * the modal on click.
	 */
	public $backdrop = true;
	/**
	 * @var mixed the remote url. If a remote url is provided, content will be loaded via jQuery's load method and
	 * injected into the .modal-body of the modal.
	 */
	public $remote;
	/**
	 * @var string a javascript function that will be invoked immediately when the `show` instance method is called.
	 */
	public $onShow;
	/**
	 * @var string a javascript function that will be invoked when the modal has been made visible to the user
	 *     (will wait for css transitions to complete).
	 */
	public $onShown;
	/**
	 * @var string a javascript function that will be invoked immediately when the hide instance method has been called.
	 */
	public $onHide;
	/**
	 * @var string a javascript function that will be invoked when the modal has finished being hidden from the user
	 *     (will wait for css transitions to complete).
	 */
	public $onHidden;
	/**
	 * @var string[] the Javascript event handlers.
	 */
	protected $events = array();
	/**
	 * @var array $pluginOptions the plugin options.
	 */
	protected $pluginOptions = array();
	/**
	 * @var string
	 */
	public $closeText = '×';
	/**
	 * @var string header content. Header can also be a path to a view file.
	 */
	public $header;
	/**
	 * @var string body of modal. Body can also be a path to a view file.
	 */
	public $content;
	/**
	 * @var string footer content. Content can also be a path to a view file.
	 */
	public $footer;
	/**
	 * Widget's init method
	 */
	public function init()
	{
		parent::init();
		$this->name = 'modal';
		$this->defaultOption('id', $this->getId());
		$this->defaultOption('role', 'dialog');
		$this->defaultOption('tabindex', '-1');
		$this->addClassName('modal');
		$this->addClassName('hide');
		if ($this->fade)
			$this->addClassName('fade');
		$this->initPluginOptions();
		$this->initPluginEvents();
	}
	/**
	 * Initialize plugin events if any
	 */
	public function initPluginEvents()
	{
		foreach (array('onShow', 'onShown', 'onHide', 'onHidden') as $event) {
			if ($this->{$event} !== null) {
				$modalEvent = strtolower(substr($event, 2));
				if ($this->{$event} instanceof JsExpression)
					$this->events[$modalEvent] = $this->$event;
				else
					$this->events[$modalEvent] = new JsExpression($this->{$event});
			}
		}
	}
	/**
	 * Initialize plugin options.
	 * ***Important***: The display of the button overrides the initialization of the modal bootstrap widget.
	 */
	public function initPluginOptions()
	{
		if (null !== $this->remote)
			$this->pluginOptions['remote'] = Html::url($this->remote);
		foreach (array('backdrop', 'keyboard', 'show') as $option) {
			$this->pluginOptions[$option] = isset($this->pluginOptions[$option])
				? $this->pluginOptions[$option]
				: $this->{$option};
		}
	}
	/**
	 * Widget's run method
	 */
	public function run()
	{
		$this->renderModal();
		$this->renderButton();
		$this->registerScript();
	}
	/**
	 * Renders the button that will open the modal if its options have been configured
	 */
	public function renderButton()
	{
		if (!empty($this->buttonOptions)) {
			$this->buttonOptions['data-toggle'] = isset($this->buttonOptions['data-toggle'])
				? $this->buttonOptions['data-toggle']
				: 'modal';
			if ($this->remote !== null && !isset($this->buttonOptions['data-remote']))
				$this->buttonOptions['data-remote'] = Html::url($this->remote);
			$label = ArrayHelper::remove($this->buttonOptions, 'label', 'Button');
			$name = ArrayHelper::remove($this->buttonOptions, 'name');
			$value = ArrayHelper::remove($this->buttonOptions, 'value');
			$attr = isset($this->buttonOptions['data-remote'])
				? 'data-target'
				: 'href';
			$this->buttonOptions[$attr] = isset($this->buttonOptions[$attr])
				? $this->buttonOptions[$attr]
				: '#' . ArrayHelper::getValue($this->options, 'id');
			echo Html::button($label, $name, $value, $this->buttonOptions);
		}
	}
	/**
	 * Renders the modal markup
	 */
	public function renderModal()
	{
		echo Html::beginTag('div', $this->options);
		$this->renderModalHeader();
		$this->renderModalBody();
		$this->renderModalFooter();
		echo Html::endTag('div');
	}
	/**
	 * Renders the header HTML markup of the modal
	 */
	public function renderModalHeader()
	{
		echo Html::beginTag('div', array('class'=>'modal-header'));
		if ($this->closeText)
			echo Html::button($this->closeText, null, null, array('data-dismiss' => 'modal', 'class'=>'close'));
		echo $this->header;
		echo Html::endTag('div');
	}
	/**
	 * Renders the HTML markup for the body of the modal
	 */
	public function renderModalBody()
	{
		echo Html::beginTag('div', array('class'=>'modal-body'));
		echo $this->content;
		echo Html::endTag('div');
	}
	/**
	 * Renders the HTML markup for the footer of the modal
	 */
	public function renderModalFooter()
	{
		echo Html::beginTag('div', array('class'=>'modal-footer'));
		echo $this->footer;
		echo Html::endTag('div');
	}
	/**
	 * Registers client scripts
	 */
	public function registerScript()
	{
		// do we render a button? If so, bootstrap will handle its behavior through its
		// mark-up, otherwise, register the plugin.
		if(empty($this->buttonOptions))
			$this->registerPlugin('modal', $this->pluginOptions);
		// register events
		$this->registerEvents($this->events);
	}
}