define(['$', 'template'], function ($, template) {

	var cachePanelData = {};

	return {
		body: '',
		init: function (pageData, dtd) {
			var $view = this;
			$.newTouch('.btn-action-sheet', function (event) {
				// event.stopPropagation();
				// event.preventDefault();
				var buttonIndex = $(this).data('button-index');
				var buttons = cachePanelData.pushData.buttons;
				$view.trigger('spa:closepanel');

				if (buttons[buttonIndex] && $.isFunction(buttons[buttonIndex].callback)) {
					buttons[buttonIndex].callback();
				}

			}, $view);

			dtd.resolve();
		},
		beforeopen: function (pageData, dtd) {
			var $view = this;
			var pushData = pageData.pushData;
			cachePanelData.pushData = pushData;
			pushData.buttons = pushData.buttons ? pushData.buttons : [
				{text: '取消', class: 'btn-negative'}
			];

			$('.spa-page-bg', $view).css({
				opacity: 0
			}).transition({
				opacity: 0.6
			});

			var tpl = template('common/actionSheet', {
				message: pushData.message,
				buttons: pushData.buttons
			});

			$view.find('.spa-page-body').html(tpl);

			// $view.find('.action-sheet-body').css({'pointer-events' : 'none'});

			dtd.resolve();
		},
		beforeclose: function (panelData, dtd) {
			var $view = this;

			$('.spa-page-bg', $view).transition({
				opacity: 0
			});

			/*setTimeout(function(){
				$view.find('.action-sheet-body').css({'pointer-events' : true});
			}, 100);*/

			dtd.resolve();
		}
	};
})