var App = {
	cartHighlightEnabled: false,
	currentPage: null,
	slogans: ['order food in 5 seconds'],
	service: '/api/',
	cached: {},
	cart: {},
	community: null,
	page: {},
	config: null,
	order: {
		cardChanged: false,
		pay_type: 'card',
		delivery_type: 'delivery',
		tip: '10'
	},
	_init: false,
	_pageInit: false,
	deletedDishes : [],
	selectedCategory : false
};

function _deleteCategoryDialog(){
	$('body').on('click', '.jqui-button.button-delete', function(){
		var category_id = $(this).parent('.ui-accordion-content').prev('h3').data().id_category;
		var categories  = App.restaurantObject.categories();
		var catOptions  = '';
		for(var i = 0; i < categories.length; i++) {
			var disabled = false
			if (categories[i].id_category == category_id) {
				disabled = ' disabled="disabled" ';
			}
			catOptions += '<option value="' + categories[i].id_category + '" ' + disabled + '>' + categories[i].name + '</option>';
		}

		var html = '<div id="dialog-delete-category" title="Delete category" class="labeled-fields"> ' +
			'<p>You are about to delete this category. Existing dishes in the category will be moved to another category.<p>' +
			'<br />' +
			'<label><span class="label">Move dishes to:</span><select>' + catOptions + '</select><label>'
			'<p>Are you sure you want to delete the category?</p>' +
		'</div>';
		$(html).dialog({
			resizable: false,
			height:    200,
			width:     400,
			modal:     true,
			buttons: {
				Delete: function() {
					var to_id = $('select', this).val();
					deleteCategory(category_id, to_id);
					$(this).dialog('close');
					$(this).remove();
				},
				Cancel: function() {
					$(this).dialog('close');
					$(this).remove();
				}
			}
		});
	});
}


/**
 * Populates notifications types with empty fields to be inserted
 *
 * @return void
 */
function _loadEmptyNotifications() {
	var types = ['sms', 'email', 'phone', 'url', 'fax'];
	for(var i in types) {
		var notification = {
				id_notification: '',
				type: types[i],
				value: '',
				active: false,

		}
		_loadNotification(notification);
	}
}

/**
 * Sets the notifications in the restaurant form
 *
 * @param notifications
 */
function _loadNotification(notification) {
		var $wrapper = 'div.check-content.' + notification.type;
			// console.log($wrapper);
			$wrapper = $($wrapper);
		var active   = parseInt(notification.active) ? 'checked="checked"' : '';
		var id       = parseInt(notification.id) ? notification.id : '';

		html = '<div data-id_notification="' + id +'" class="notification-wrap">' +
					'<input type="checkbox" '+ active    +
					' name="notification-active" class="dataset-notification"' +
					' />' +
					'<input value="' + notification.value+ '" '  +
					' name="notification-value" class="dataset-notification notification" ' +
					' />'+
				'</div>';
		$wrapper.append(html);
}

/**
 * Load the restaurant
 *
 * @return void
 */
function _loadRestaurant() {
	var restaurant = this;
	var checkswap = {
		'delivery_fee_check' : 'delivery_fee',
		'delivery_min_check': 'delivery_min',
		'fee_restaurant_check': 'fee_restaurant',
		'fee_customer_check': 'fee_customer',
		'id_community_check': 'id_community'
	};

	$('.admin-restaurant-form input, .admin-restaurant-form select, .admin-restaurant-form textarea').each(function() {
		if ($(this).attr('type') == 'checkbox') {
			if (restaurant[$(this).attr('name')] == 1 && $(this).attr('value') == '1') {
				$(this).click();
			}
			if (restaurant[$(this).attr('name')] == 0 && $(this).attr('value') == '0') {
				$(this).click();
			}

		} else {
			$(this).val(restaurant[$(this).attr('name')]);
		}

		for (var x in checkswap) {
			if ($(this).attr('name') == x) {
				if (restaurant[checkswap[x]] && restaurant[checkswap[x]] != '0') {
					//$('input[name="' + x + '"][value="0"]').prop('checked', false);
					//$('input[name="' + x + '"][value="1"]').prop('checked', true);
					$('input[name="' + x + '"][value="1"]').click();
				} else {
					//$('input[name="' + x + '"][value="0"]').prop('checked', true);
					//$('input[name="' + x + '"][value="1"]').prop('checked', false);
					$('input[name="' + x + '"][value="0"]').click();
				}
			}
		}
	});

	App.restaurant       = restaurant.id_restaurant; // Should be App.id_restaurant IMHO
	App.restaurantObject = restaurant;               // and this one should rellay be App.restaurant

	$('.admin-restaurant-content').html('');

	var notifications = restaurant.notifications();
	for (var i in notifications) {
		_loadNotification(notifications[i]);
	}
	_loadEmptyNotifications();
	_newNotificationFields();

	var categories = restaurant.categories();
	var isDishes = false;

	var $categoriesContainer = $('<div id="categories" class="accordion"></div>');
	$('.admin-restaurant-dishes .admin-restaurant-content').append($categoriesContainer);

	/**
	 * Swip all categories
	 *
	 * @todo Use the App.createCategory
	 * @todo Encapsulate the categories loading in a private _loadCategories() method
	 */
	for (var i in categories) {
		var dishes       = categories[i].dishes();
		var name         = categories[i].name;
		var sort         = (categories[i].sort && (categories[i].sort != 'null')) ? categories[i].sort : 0;
		var $categoryTab = $('<h3 data-id_category="'+ categories[i].id_category +'">'+ name+'</h3>' +
		'<div>' +
			'<div title="delete" class="ui-state-default ui-corner-all jqui-button button-delete"><span class="ui-icon ui-icon-trash"></span></div>'+
			'<div class="labeled-fields category">' +
				'<label><span class="label">Name</span>       <input name="name" value="' + name + '" /></label>' +
				'<label><span class="label">Sort Order</span> <input name="sort" value="' + sort + '" /></label>' +
			'</div>' +
		'</div>');
		$categoriesContainer.append($categoryTab);

		for (var x in dishes) {
			App.showDish(dishes[x]);
			isDishes = true;
		}
	}
	$('.accordion').accordion({
		collapsible: true,
		active:      false,
		heightStyle: "content",
		activate:    function( event, ui ){
			var speed = 100;
			var accordionOptions = $('.accordion').accordion('option');
			setTimeout(function() {
				$('.accordion').accordion('destroy');
				$('.accordion').accordion(accordionOptions);
			}, 1.1 * speed);
		}
	});
	_deleteCategoryDialog();
	// end of loadingCategories;

	if (!isDishes) {
		$('input[name="dish_check"][value="0"]').prop('checked', true);
		$('input[name="dish_check"][value="1"]').prop('checked', false);
		$('.admin-restaurant-dishes').hide();

	} else {
		$('input[name="dish_check"][value="0"]').prop('checked', false);
		$('input[name="dish_check"][value="1"]').prop('checked', true);
		$('.admin-restaurant-dishes').show();
	}

	var days = {
		'sun': 'Sunday',
		'mon': 'Monday',
		'tue': 'Tuesday',
		'wed': 'Wednesday',
		'thu': 'Thursday',
		'fri': 'Friday',
		'sat': 'Saturday'
	};

	for (var d in days) {

		var day = $('<div class="hours-date"><span class="hours-date-label">' + days[d] + '</span></div>');
		var dayWrap = $('<div class="hours-date-hours"></div>').appendTo(day);
		dayWrap.after('<div class="divider"></div>');

		if (!restaurant._hours) {
			$('input[name="hours_check"][value="0"]').prop('checked', true);
			$('input[name="hours_check"][value="1"]').prop('checked', false);
			$('.admin-restaurant-hours').hide();

		} else {
			$('input[name="hours_check"][value="0"]').prop('checked', false);
			$('input[name="hours_check"][value="1"]').prop('checked', true);
			$('.admin-restaurant-hours').show();

			var dayitem = restaurant._hours[d];

			for (var x in dayitem) {
				var row = $('<div class="hours-date-hour"></div>');
				row.append('<input type="text" value="' + App.formatTime(dayitem[x][0]) + '" name="' + d + '-open[]">' +
						' TO ' +
						' <input type="text" value="' + App.formatTime(dayitem[x][1]) + '" name="' + d + '-close[]">');
				dayWrap.append(row);
			}
		}

		var row = $('<div class="hours-date-hour"></div>');
		row.append('<input type="text" name="' + d + '-open[]"> TO <input type="text" name="' + d + '-close[]">');
		dayWrap.append(row);

		$('.admin-restaurant-hours').append(day);

	}
}

/**
 * Adds a new hours range if they are all filled up
 *
 * @return void
 */
function _newNotificationFields() {
	var inputSelector = '.notification-wrap input[name="notification-value"]';
	$(document).on('keyup', inputSelector, function() {
		var $container = $(this).closest('.check-content');
		var allfull    = true;
		$container.find(inputSelector).each(function() {
			if ($(this).val() == '') {
				allfull = false;
			}
		});
		if (allfull) {
			var notification = {
				id_notification: '',
				value: '',
				active: false,
			}
			var types = ['sms', 'email', 'phone', 'url', 'fax'];
			for (var i in types) {
				if ($container.hasClass(types[i])) {
					notification.type = types[i];
				}
			}
			_loadNotification(notification);
		}
	});
}

/**
 * Method to be called to save the Dish Categories
 *
 * @param function complete What to trigger after the categories are stored
 *
 * @return void
 *
 * @todo returned elements need to be reloaded
 */
function _saveCategories(complete) {
	var selector  = 'input , select, textarea';
	var container = '#categories .labeled-fields.category';
	var elements  = [];
	$(container).each(function(){
		var inputs = $(selector, this);
		var data   = $(this).parent().prev().data();
		data       = getValues(inputs, data);
		elements[elements.length] = data;
	});
	$.post('/api/restaurant/' + App.restaurant + '/categories', {elements: elements}, function() {
		if (complete) {
			complete();
		}
	});
}

/**
 * Method to be called to save all dishes
 *
 * @param function compelte What to trigger after the dishes are stored
 *
 * @return void
 */
function saveDishes (complete) {
	var selector = 'input.dataset-dish, select.dataset-dish, textarea.dataset-dish';
	var dishes = [];

	$('.admin-food-item-wrap').each(function() {
		var id = $(this).attr('data-id_dish');
		var values = getValues($(this).find(selector), {});
		var dish = {
			name:        values['dish-name'],
			description: values['dish-description'],
			price:       values['dish-price'],
			id_category: values['dish-id_category'],
			active:      values['dish-active'],
			sort:        values['dish-sort']
		};

		if (id) {
			dish.id_dish = id;
		}

		dish.optionGroups = [];
		$(this).find('.admin-dish-options .admin-dish-options-wrapper').each(function() {
			var id = $(this).attr('data-parent');
			var name = $(this).find('.admin-dish-options-title').html();
			name = name.substr(0,name.length-1);

			var optionGroup = {
				name: name,
				'default': values['dish-options-default'],
				type: $(this).attr('data-type'),
				price: $(this).attr('data-modifies_price') == 'true' ? true : false,
				options: []
			};
			if (id) {
				optionGroup.id_option = id;
			}

			$(this).find('.dish-options').each(function() {
				var id = $(this).attr('data-id_option');
				var values = getValues($(this).find('input'), {});

				if (values['dish-options-name']) {
					var option = {
						name:      values['dish-options-name'],
						price:     values['dish-options-price'] || 0.00,
						'default': $(this).find('input[type="checkbox"], input[type="radio"]').prop('checked'),
						sort:      values['dish-options-sort']
					};
					if (id) {
						option.id_option = id;
					}
					optionGroup.options[optionGroup.options.length] = option;
				}
			});
			dish.optionGroups[dish.optionGroups.length] = optionGroup;
		});
		// Just to make sure that the name was typed and the user don't clicked at 'Add another dish?' by mistake.
		if( dish.name && dish.name != 'null' && dish.name != '' ){
			$.post('/api/restaurant/' + App.restaurant + '/save-dish', {dish: dish}, function() {});
		}
	});
	
	if( App.deletedDishes.length > 0 ){
		$.each( App.deletedDishes, function( i, value ) {
			$.post('/api/restaurant/' + App.restaurant + '/delete-dish', {id_dish: value}, function() {
				if (complete && i == App.deletedDishes.length - 1 ) {
					complete();
				}
			});
		});
	} else {
		complete();
	}
}

/**
 * Method to be called to save notifications
 *
 * @param function compelte What to trigger after the dishes are stored
 *
 * @return void
 *
 * @todo wasn't able to take the function out becaues of the getValue() method which needs to be refactorized and moved out
 * @todo returned elements need to be reloaded
 */
function _saveNotifications(complete) {
	var selector = 'input.dataset-notification, select.dataset-notification, textarea.dataset-notification';
	var elements = [];

	$('.notification-wrap').each(function() {
		var id      = $(this).attr('data-id_notification');
		var values  = getValues($(this).find(selector), {});
		var element = {
			active: values['notification-active'],
			value:  values['notification-value']
		};

		var types = ['sms', 'email', 'phone', 'url', 'fax'];
		for (var i in types) {
			var $container = $(this).closest('.check-content');
			if ($container.hasClass(types[i])) {
				element.type = types[i];
			}
		}

		if (id) {
			element.id_notification = id;
		}

		elements[elements.length] = element;

	});
	$.post('/api/restaurant/' + App.restaurant + '/notifications', {elements: elements}, function() {
		if (complete) {
			complete();
		}
	});
}

/**
 *
 * @param all
 */
function saveRestaurant (all) {
	var html = '<div id="dialog-add-dish" title="Please wait while saving..."> ' +
		'<div style="text-align:center; margin-top: 2em;">' +
			'<p>Please wait while saving...</p>' +
			'<img src="/assets/images/admin/ajax-loader-bar.gif" />' +
		'</div>' +
	'</div>';
	$(html).dialog({
		resizable:     false,
		height:        160,
		width:         315,
		modal:         true,
		closeOnEscape: false,
		open:          function(event, ui) { $(".ui-dialog-titlebar-close, .ui-icon-closethick", ui.dialog || ui).hide(); }
	});
	$(".ui-dialog-titlebar-close, .ui-icon-closethick").hide();
	var selector = 'input.dataset-restaurant, select.dataset-restaurant, textarea.dataset-restaurant';
	var id = App.restaurant;

	if (id) {
		App.cache('Restaurant', id, function() {
			var restaurant = getValues(selector, this);
			restaurant.save(function() {
				if (all) {
					saveHours(function() {
						_saveCategories(function() {
							saveDishes(function() {
								_saveNotifications(function() {
									location.href = '/admin/restaurants/' + App.restaurant;
								});
							});
						});
					});
				}
			});
		});
	} else {
		var restaurant = getValues(selector, {});
		restaurant = new Restaurant(restaurant);
		restaurant.save(function(r) {

			App.cache('Restaurant', r.id_restaurant, function() {
				App.restaurant = this.id_restaurant;
				if (all) {
					saveHours(function() {
						_saveCategories(function(){
							saveDishes(function() {
								_saveNotifications(function() {
									location.href = '/admin/restaurants/' + App.restaurant;
								});
							});
						});
					});
				} else {
					locatifion.href = '/admin/restaurants/' + App.restaurant;
				}
			});
		});
	}
};

function saveHours (complete) {
	var selector = '.hours-date-hour input';
	var id = App.restaurant;

	if (id) {
		App.cache('Restaurant', id, function() {
			var h = getValues(selector, {});

			var hours = {'sun': [],'mon': [],'tue': [],'wed': [],'thu': [],'fri': [],'sat': []};
			var vals = getValues('input.dataset-restaurant', {});

			if (vals.hours_check) {
				for (var d in hours) {
					for (var x in h[d + '-open']) {
						if (!h[d + '-open'][x]) continue;
						hours[d][hours[d].length] = [App.unFormatTime(h[d + '-open'][x]), App.unFormatTime(h[d + '-close'][x])];
					}
				}
			}
			// console.log(hours);
			$.post('/api/restaurant/' + id + '/hours', {hours: hours}, function() {
				if (complete) {
					complete();
				}
			});
		});
	}
};

function deleteCategory(from_id, to_id) {
	var $toDelete = $('h3[data-id_category="'+from_id+'"]');
	var dishes    = $('.admin-food-item-wrap', $toDelete.next());
	// $('select[name="dish-id_category"]').val(to_id);
	$('h3[data-id_category="'+to_id+'"]').next().append(dishes);
	$('select[name="dish-id_category"]').each(function(){ 
		if( $(this).val() == from_id ){
			$(this).val( to_id );
		}
	});
	$toDelete.next().remove();
	$toDelete.remove();
}


function getValues(selector, restaurant) {
	$(selector).each(function() {
		var name, value, group = false;

		if ($(this).attr('name').match(/^.*\[\]$/)) {
			group = true;
			name = $(this).attr('name').replace(/^(.*)\[\]$/,'$1');
			if (!restaurant[name]) {
				restaurant[name] = [];
			}
		} else {
			name = $(this).attr('name');
		}

		if ($(this).attr('type') == 'checkbox' || $(this).attr('type') == 'radio') {
			value = $(this).prop('checked') ? true : false;
		} else {
			value = $(this).val();
		}

		if (group) {
			restaurant[name][restaurant[name].length] = value;
		} else {
			restaurant[name] = value;
		}
	});

	return restaurant;
}

App.loadRestaurant = function(id_restaurant) {

	App.cache('Restaurant', id_restaurant , _loadRestaurant);
};

/**
 * Generates HTML to show dish and it's items
 *
 * @todo Not sure if hide purges HTML or what.
 */
App.showDish = function(dishItem) {
	dishItem = $.extend({
		id_dish:     '',
		// id_category: '',
		name:        '',
		description: '',
		price:       ''
	}, dishItem);

	var dish = $('<div class="admin-food-item-wrap" data-id_dish="' + dishItem.id_dish + '"' + (dishItem.id_dish ? '' : ' style="display: none;"') + '></div>');
	dish.append('<div class="admin-food-item ' + (dishItem.id_dish ? 'admin-food-item-collapsed' : '') + '"> ' +
			'<span class="food-name">' + dishItem.name + '</span>' +
			'<span class="food-price">($<span class="food-price-num">' + dishItem.price + '</span>)</span><div class="food-drop-down"></div></div>')
	var content = $('<div class="admin-food-item-content" ' + (dishItem.id_dish ? 'style="display: none;"' : '') + '></div>');
	var padding = $('<div class="admin-food-item-content-padding labeled-fields">');
	dish.append(content);
	content.append(padding);

	var options = $('<div class="admin-dish-options"></div>');
	var basicOptions = $('<div class="input-faker"></div>');
	var basicWrapper = $('<div class="admin-dish-options-wrapper" data-parent="BASIC"><div class="admin-dish-options-title">Basic options:</div></div>')
		.append(basicOptions);

	var optGroups = [];

	if (dishItem.options) {
		var opts = dishItem.options();

		options.append(basicWrapper);

		var options_with_children = {};
		for (var x in opts) {
			var option = opts[x];
			if (option.id_option_parent) {
				options_with_children[option.id_option_parent] = true;
			}
		}

		for (var x in opts) {
			var option = opts[x];
			if (option.id_option_parent) {
				continue;
			}

			if (option.type == 'check') {
				if( !options_with_children[ option.id ] ){
					basicOptions.append(App.returnOption(option,option.type));
				} else {
					var optionAdder = $('<div class="input-faker"></div>');
					var optionWrapper = $('<div class="admin-dish-options-wrapper" data-type="' + option.type + '" data-parent="' + option.id + '"><div class="admin-dish-options-title">' + option.name + ':</div></div>')
						.append(optionAdder);

					var select = $('<select class="cart-customize-select">');
					for (var i in opts) {
						if (opts[i].id_option_parent == option.id_option) {
							optionAdder.append(App.returnOption(opts[i],option.type,option.id_option));
						}
					}
					optionAdder.append(App.returnOption({price: '',name:'',id_option:''},option.type,option.id_option));
					options.append(optionWrapper);
				}
			} else if (option.type == 'select') {

				var optionAdder = $('<div class="input-faker"></div>');
				var optionWrapper = $('<div class="admin-dish-options-wrapper" data-type="' + option.type + '" data-parent="' + option.id + '"><div class="admin-dish-options-title">' + option.name + ':</div></div>')
					.append(optionAdder);

				var select = $('<select class="cart-customize-select">');
				for (var i in opts) {
					if (opts[i].id_option_parent == option.id_option) {
						optionAdder.append(App.returnOption(opts[i],option.type,option.id_option));
					}
				}
				optionAdder.append(App.returnOption({price: '',name:'',id_option:''},option.type,option.id_option));
				options.append(optionWrapper);
			}
		}

		basicOptions.append(App.returnOption({price: '',name:'',id_option:''},'check'));

		options.append('<div class="admin-restaurant-options-controls">'
			+ '<div class="control-link">'
				+ '<a href="javascript:;" class="control-link-add-option">'
					+ '<div class="control-icon-plus control-icon"></div>'
					+ '<label class="control-label">Add another option group?</label>'
				+ '</a>'
			+ '</div>'
		+ '</div><div class="divider"></div>');
	}

	var dishDescription = dishItem.description ? dishItem.description : '';
	var categories      = App.restaurantObject.categories();
	var categoryOptions = '';
	if (!dishItem.id_category) {
		console.log('ERROR, no category for this dish');
	}
	for (var i in categories) {
		var selected     = (categories[i].id_category == dishItem.id_category) ? ' selected="selected" ' : '';
		categoryOptions += '<option value="' + categories[i].id_category+ '" ' + selected + '>' + categories[i].name+ '</option>';
	}

	var active = (parseInt(dishItem.active)) ? 'checked="checked"' : '';

	dishItem.sort = ( dishItem.sort ) ? dishItem.sort : ( $('[data-id_category="'+ dishItem.id_category +'"] + div').find('.admin-food-item').length ? ( $('[data-id_category="'+ dishItem.id_category +'"] + div').find('.admin-food-item').length + 1 ) : 1 );

	padding
		.append('<input type="text" placeholder="Name" name="dish-name" class="dataset-dish clean-input dish-name" value="' + dishItem.name + '">')
		.append('<div class="input-faker dish-price"><div class="input-faker-content">$&nbsp;</div><input type="text" placeholder="" name="dish-price" value="' + dishItem.price + '" class="dataset-dish clean-input" data-clean_type="float"><div class="divider"></div></div>')
		.append('<div class="clear"></div>')
		.append('<label><span>Move to category</span><select name="dish-id_category" class="dataset-dish clean-input">' + categoryOptions + '</select></label')
		.append('<label><span>Active</span><input type="checkbox" name="dish-active" class="dataset-dish clean-input" ' + active + ' /></label')
		.append('<label><span>Sort order</span><input name="dish-sort" class="dataset-dish clean-input" value="' + dishItem.sort + '" /></label')
		.append('<textarea placeholder="Description" name="dish-description" class="dataset-dish clean-input dish-description">' + dishDescription + '</textarea>')
		.append('<div class="divider"></div><div class="divider dots" style="margin: 10px 0 10px 0;"></div>')
		.append(options);

	content
		.append('<div class="divider dots"></div>')
		.append('<div class="admin-food-item-content-padding"><div class="action-button red action-button-small admin-food-item-delete"><span>Delete</span></div><div class="divider"></div></div>')
		.append('<div class="divider"></div>');

	$('[data-id_category="'+ dishItem.id_category +'"] + div').append(dish);

	if (!dishItem.id_dish) {
		dish.find('.dish-name').focus();
		dish.fadeIn(200);
	}
};

/**
 * Adds the new Dish Category to the DOM
 *
 * @returns void
 */
App.createCategory = function(dialog) {
	var name                 = $('[name="admin-category-name"]',dialog).val();
	var sort                 = $('.accordion h3').length +1;
	var $categoriesContainer = $('.accordion');
	var options              = $categoriesContainer.accordion('option');
	var $categoryTab         = $('<h3 data-id_category="">' + name + '</h3>' +
	'<div>' +
		'<div class="labeled-fields category">' +
			'<label><span class="label">Name</span>       <input name="name" value="' + name + '" /></label>' +
			'<label><span class="label">Sort Order</span> <input name="sort" value="' + sort + '" /></label>' +
		'</div>' +
	'</div>');

	$categoriesContainer.accordion('destroy');
	$categoriesContainer.append($categoryTab);
	$categoriesContainer.accordion(options);

};

App.createOptionGroup = function(el, source) {
	el = $(el);
	var parent = source.closest('.admin-food-item-wrap');

	var option = {
		name: el.find('[name="admin-option-name"]').val(),
		price: el.find('[name="admin-option-price"]').attr('checked') ? true : false,
		type: el.find('[name="admin-option-type"]').val(),
		id_option: '',
		id: ''
	};

	var optionAdder = $('<div class="input-faker"></div>');
	var optionWrapper = $('<div class="admin-dish-options-wrapper" data-modifies_price="' + option.price + '" data-type="' + option.type + '" data-parent="' + option.id + '"><div class="admin-dish-options-title">' + option.name + ':</div></div>')
		.append(optionAdder);

	optionAdder.append(App.returnOption({price: '',name:'',id_option:''}, option.type, option.id_option));
	parent.find('.admin-dish-options .admin-restaurant-options-controls').before(optionWrapper);
};

/*
App.addOptionGroup = function(option) {
	var optionAdder = $('<div class="input-faker"></div>');
	var optionWrapper = $('<div class="admin-dish-options-wrapper"><div class="admin-dish-options-title">' + option.name + ':</div></div>')
		.append(optionAdder);

	var select = $('<select class="cart-customize-select">');
	for (var i in opts) {
		if (opts[i].id_option_parent == option.id_option) {
			optionAdder.append(App.returnOption(opts[i],option.type,option.id_option));
		}
	}
	optionAdder.append(App.returnOption({price: '',name:'',id_option:''},option.type,option.id_option));
	options.append(optionWrapper);
};
*/

App.returnOption = function(o, type, parent) {
	var defaulted  = '';
	switch (type) {
		case 'select':
			defaulted = '<input type="radio" class="dataset-dish" name="dish-options-default-' + parent + '" value="1" ' + (o['default'] == '1' ? 'checked="checked"' : '') + '>';
			break;

		default:
		case 'check':
			defaulted = '<input type="checkbox" class="dataset-dish" name="dish-options-default" value="1" ' + (o['default'] == '1' ? 'checked="checked"' : '') + '>';
			break;
	}

	var sort = (o.sort)? o.sort : 0;

	return $('<div class="divider"></div>'
		+ '<div class="admin-food-item-option-padding" data-type="' + type + '" data-parent="' + parent + '">'
			+ '<div class="dish-options ' + (o.id_option ? 'blue' : '') + '" data-id_option="' + o.id_option + '">'
				+ '<input type="text" placeholder="0" name="dish-options-sort" value="' + sort + '" />'
				+ '<span class="sortDesc">)</span>'
				+ defaulted
				+ '<input type="text" placeholder="Name" name="dish-options-name" value="' + o.name + '">'
				+ '<div class="input-faker-content">$ </div>'
				+ '<input type="text" placeholder="" name="dish-options-price" value="' + o.price + '">'
				+ '<a class="dish-options-delete" href="javascript:;"></a>'
				+ '<div class="divider"></div>'
			+ '</div>'
		+ '</div>');
};

App.orders = {
	params: function() {
		return {
			search: $('input[name="order-search"]').val(),
			env: $('select[name="env"]').val(),
			processor: $('select[name="processor"]').val(),
			limit: $('input[name="limit"]').val(),
			dates: $('input[name="date-range"]').val(),
			restaurant: $('select[name="restaurant"]').val(),
			community: $('select[name="community"]').val()
		};
	},
	load: function() {
		//admin-orders-filter
		$('.orders-loader').show();
		$('.orders-content').html('');
		$.ajax({
			url: '/admin/orders/content',
			data: App.orders.params(),
			complete: function(content) {
				$('.orders-content').html(content.responseText);
				$('.orders-loader').hide();
			}
		});
	},
	export: function() {
		var params = App.orders.params();
		params.export = 'csv';
		location.href = '/admin/orders/content?' + jQuery.param(params);
	}
};

App.suggestions = {
	params: function() {
		return {
			search: $('input[name="suggestion-search"]').val(),
			type: $('select[name="type"]').val(),
			status: $('select[name="status"]').val(),
			limit: $('input[name="limit"]').val(),
			dates: $('input[name="date-range"]').val(),
			restaurant: $('select[name="restaurant"]').val(),
			community: $('select[name="community"]').val()
		};
	},
	load: function() {
		$('.suggestions-loader').show();
		$('.suggestions-content').html('');
		$.ajax({
			url: '/admin/suggestions/content',
			data: App.suggestions.params(),
			complete: function(content) {
				$('.suggestions-content').html(content.responseText);
				$('.suggestions-loader').hide();
			}
		});
	},
	prepareForm: function( id_suggetion ){
		$(document).on('click', '.admin-suggestion-save', function() {
			$( '#suggestion-status' ).html( '' );
			var status = $( '#status' ).val();
			var data = { 'status' : status };
			var url = App.service + 'suggestion/' + id_suggetion;
			$.ajax({
				type: "POST",
				dataType: 'json',
				data: data,
				url: url,
				success: function(content) {
					$( '#suggestion-status' ).html( 'Status saved!' );
				},
				error: function( ){
					$( '#suggestion-status' ).html( 'Error, please try it again.' );
				}
			});
		} );
	}
};

App.supportAdmin = {
	params: function() {
		return {
			search: $('input[name="support-search"]').val(),
			type: $('select[name="type"]').val(),
			limit: $('input[name="limit"]').val(),
			dates: $('input[name="date-range"]').val()
		};
	},
	load: function() {
		$('.support-loader').show();
		$('.support-content').html('');
		$.ajax({
			url: '/admin/support/content',
			data: App.supportAdmin.params(),
			complete: function(content) {
				$('.support-content').html(content.responseText);
				$('.support-loader').hide();
			}
		});
	}
};

App.credits = {
	params: function() {
		return {
			id_order: $('input[name="id_order"]').val(),
			id_user: $('input[name="id_user"]').val(),
			type: $('select[name="type"]').val(),
			limit: $('input[name="limit"]').val(),
			dates: $('input[name="date-range"]').val(),
			restaurant: $('select[name="restaurant"]').val()
		};
	},
	load: function() {
		$('.credits-loader').show();
		$('.credits-content').html('');
		$.ajax({
			url: '/admin/credits/content',
			data: App.credits.params(),
			complete: function(content) {
				$('.credits-content').html(content.responseText);
				$('.credits-loader').hide();
			}
		});
	},
	prepareForm: function( id_suggetion ){
		$(document).on('click', '.admin-credit-save', function() {
			
			var value = $.trim( $( '#value' ).val() );
			var id_restaurant = $( '#id_restaurant' ).val();
			var id_user = $( '#id_user' ).val();
			var note = $( '#note' ).val();

			if( value == '' ){
				alert( 'Please type a value!' );
				$( '#value' ).focus();
				return;
			}

			if( id_user == '' ){
				alert( 'Please choose an user!' );
				$( '#id_user' ).focus();
				return;
			}

			if( id_restaurant == '' ){
				alert( 'Please choose a restaurant!' );
				$( '#id_restaurant' ).focus();
				return;
			}
			var data = { 'value' : value, 'id_user' : id_user, 'id_restaurant' : id_restaurant, 'note' : note };
			var url = App.service + 'credit/new';
			$.ajax({
				type: "POST",
				dataType: 'json',
				data: data,
				url: url,
				success: function( json ) {
					if( json.error ){
						alert( 'Error at adding a new credit!' );
					} else {
						alert( 'Credit added!' );
						location.href = '/admin/credits';
					}
				},
				error: function( ){
					alert( 'Error at adding a new credit!' );
				}
			});
		} );
	}
};

$(function() {
	$(document).on('click', '.admin-restaurant-link', function() {
		App.loadRestaurant($(this).attr('data-id_restaurant'));
	});

	/**
	 * Adds a new hours range if they are all filled up
	 *
	 * @return void
	 */
	$(document).on('keyup', '.hours-date-hour input', function() {
		var allfull = true;
		$(this).closest('.hours-date-hours').find('input').each(function() {
			if ($(this).val() == '') {
				allfull = false;
			}
		});
		if (allfull) {
			var day = $(this).attr('name').replace(/(-open|-close)(\[\])/,'');
			var row = $('<div class="hours-date-hour"></div>');
			row.append('<input type="text" name="' + day + '-open[]"> TO <input type="text" name="' + day + '-close[]">');
			$(this).closest('.hours-date-hour').append(row);
		}
	});

	$(document).on('click', '.admin-restaurant-save', function() {
		saveRestaurant(true);
	});

	$(document).on('click', '.admin-restaurant-save-details', function() {
		saveRestaurant(false);
	});

	$(document).on('click', '.admin-restaurant-save-hours', function() {
		saveHours();
	});

	$(document).on('click', '.admin-restaurant-save-dishes', function() {
		_saveCategories(function(){
			saveDishes();
		});
	});

	$(document).on('click', '.admin-restaurant-hours-save-all', function() {
		$('.admin-restaurant-hours-save-link').click();
	});

	$(document).on('click', '.check label', function() {
		$(this).closest('.check').find('input').click();
	});

	$(document).on('click', '.order-range-all label', function() {
		$(this).parent().find('input').click();
	});

	$(document).on('keyup', '[name="phone"]', function() {
		$(this).val( App.phone.format($(this).val()) );
	});

	var changeACheck = function() {
		var name = $(this).attr('name');
		var parent = $(this).closest('.content-sub').length ? $(this).closest('.content-sub') : $(this).closest('.content-primary');
		parent.find('input[name="' + name + '_check"][value="1"]').prop('checked', true);
		parent.find('input[name="' + name + '_check"][value="0"]').prop('checked', false);
	};

	$(document).on('change', '.change-a-check', changeACheck);
	$(document).on('keyup', '.change-a-check', changeACheck);

	/**
	 * Folds/unfolds the checkbox options
	 *
	 * @return void
	 */
	$(document).on('click', '.bind-a-check', function(e) {
		var name   = $(this).attr('name');
		var value  = $(this).attr('value');
		var parent = $(this).closest('.content-sub').length ? $(this).closest('.content-sub') : $(this).closest('.content-primary');

		$(this).prop('checked', true);
		parent.find('input[name="' + name + '"][value="' + (value == '1' ? '0' : '1') + '"]').prop('checked', false);

		if (value == '1') {
			parent.find('.check-content').fadeIn();
		} else {
			parent.find('.check-content').fadeOut(100);
		}
	});

	if ($('.date-picker').length) {
		var d = $('.date-picker').val();
		d = d.split(',');


		$('.date-picker').DatePicker({
			format: 'm/d/Y',
			date: d,
			current: d[0],
			starts: 1,
			mode: 'range',
			calendars: 2,
			position: 'r',
			onBeforeShow: function(){
				//$('.date-picker').DatePickerSetDate($('.date-picker').val(), true);
			},
			onChange: function(formated, dates){
				$('.date-picker').val(formated);
				if ($('#closeOnSelect input').attr('checked')) {
					$('.date-picker').DatePickerHide();
				}
			}
		});
	}

	$(document).on('change', 'input[name="order-range-all"]', function() {
		if ($(this).prop('checked')) {
			$('.date-picker').attr('disabled', 'disabled');
			$('.date-picker').val('');
		} else {
			$('.date-picker').removeAttr('disabled');
		}
	});

	$(document).on('change', '.hours-date-hour input', function() {
		$(this).val(App.formatTime($(this).val()));
	});

	/**
	 * What to do when clicking a dish
	 *
	 * @todo refactorize how the accordion should be redrawn in a private method
	 */
	$(document).on('click', '.admin-food-item', function() {
		var speed = 100;
		$(this).closest('.admin-food-item-wrap').find('.admin-food-item-content').slideToggle(speed);
		$(this).toggleClass('admin-food-item-collapsed');

		// re-draws the dishes accordion after expanding/collapsing dish
		var accordionOptions = $('.accordion').accordion('option');
		setTimeout(function() {
			$('.accordion').accordion('destroy');
			$('.accordion').accordion(accordionOptions);
		}, 1.1 * speed);

	});

	var ignoreKeys = [37,38,39,40,16,9]; //,17,18,91,13,16

	var cleanInput = function(e) {
		if (ignoreKeys.indexOf(e.which) !== -1) {
			return;
		}
		var cleaned = App.cleanInput($(this).val(), $(this).attr('data-clean_type') || 'text');
		var caret = $(this).getCursorPosition();
		$(this).val(cleaned);
		if (e.type == 'keyup') {
			$(this).setCursorPosition(caret);
		}
	};

	$(document).on('keyup', '.clean-input', cleanInput);
	$(document).on('change', '.clean-input', cleanInput);

	var changeDish = function(e) {
		$(this).closest('.admin-food-item-wrap').find('.food-name').html($(this).val());
	};


	$(document).on('keyup', '.dish-name', changeDish);
	$(document).on('change', '.dish-name', changeDish);

	var changePrice = function(e) {
		$(this).closest('.admin-food-item-wrap').find('.food-price-num').html($(this).val());
	};

	$(document).on('keyup', '.dish-price input', changePrice);
	$(document).on('change', '.dish-price input', changePrice);

	/**
	 * Show the new dish dialog to set a category for it
	 *
	 * @todo Make the categories select a function to be reused
	 *
	 * @return boolean
	 */
	$(document).on('click', '.control-link-add-dish', function() {

		var categories      = App.restaurantObject.categories();
		var categoryOptions = '';
		for (var i in categories) {
			var selected     = (categories[i].id_category == $('.ui-accordion-header-active').attr('data-id_category')) ? ' selected="selected" ' : '';
			categoryOptions += '<option value="' + categories[i].id_category + '" ' + selected + '>' + categories[i].name + '</option>';
		}

		var html = '<div id="dialog-add-dish" title="Create new Dish"> ' +
			'<select name="dish-id_category">' + categoryOptions + '</select>' +
		'</div>';
		$(html).dialog({
			resizable: false,
			height:    160,
			width:     315,
			modal:     true,
			buttons: {
				'Create': function() {
					var category = $('[name="dish-id_category"]', this).val();
					App.showDish({
						id_category:category
					});
					$(this).dialog('close');
					$(this).remove();
				},
				Cancel: function() {
					$(this).dialog('close');
					$(this).remove();
				}
			}
		});

		return false;
	});

	$(document).on('click', '.admin-food-item-delete', function() {

		var parent = $(this).closest('.admin-food-item-wrap');
		var id_dish = parent.attr('data-id_dish');
		var name = parent.find('.dish-name').val();

		var remove = function() {
			parent.fadeOut(100,function() {
				$(this).remove();
			});
		};

		if (!id_dish) {
			remove();
		} else {
			if (confirm('Are you sure you want to delete "' + name + '"')) {
				remove();
				App.deletedDishes.push( id_dish );
			}
		}
	});

	$(document).on('click', '.dish-options-delete', function() {
		var parent = $(this).closest('.dish-options');
		var id_option = parent.attr('data-id_option');
		var name = parent.find('input[name="dish-options-name"]').val();

		var remove = function() {
			parent.fadeOut(100,function() {
				$(this).remove();
			});
		};

		if (!id_option) {
			remove();
		} else {
			if (confirm('Are you sure you want to delete "' + name + '"')) {
				remove();
			}
		}
	});

	$(document).on('keyup', '.admin-dish-options-wrapper input[type="text"]', function() {
		var allfull = true;

		$(this).closest('.admin-dish-options-wrapper').find('.dish-options').each(function() {

			var selfComplete = true;
			$(this).find('input[type="text"]').each(function() {
				if ($(this).val() == '' || !$(this).val()) {
					allfull = selfComplete = false;
				}
			});
			if (selfComplete) {
				$(this).addClass('blue');
			}
		});

		if (allfull) {
			$(this).closest('.input-faker').append(App.returnOption({price: '', name: '', id_option: ''},$(this).closest('.admin-dish-options-wrapper').attr('data-type'),$(this).closest('.admin-dish-options-wrapper').attr('data-parent')));
		}
	});

	$(document).on('click', '.control-link-add-option', function() {
		var self = $(this);
		$('#dialog-option-group').dialog({
			resizable: false,
			height: 250,
			width: 400,
			modal: true,
			buttons: {
				'Create': function() {
					if ($(this).find('[name="admin-option-name"]').val()) {
						App.createOptionGroup(this, self);
						$(this).dialog('close');
						$(this).find('[name="admin-option-name"]').val('');
						$(this).find('[name="admin-option-price"]').removeAttr('checked');
						$(this).find('[name="admin-option-type"]').val('check');
					}
				},
				Cancel: function() {
					$(this).dialog('close');
					$(this).find('[name="admin-option-name"]').val('');
					$(this).find('[name="admin-option-price"]').removeAttr('checked');
					$(this).find('[name="admin-option-type"]').val('check');
				}
			}
		});
	});

	/**
	 * Opens new Dish Category dialog
	 *
	 * @returns boolean
	 */
	$(document).on('click', '.control-link-add-category', function() {
		$('#dialog-add-menu').dialog({
			resizable: false,
			height: 160,
			width: 315,
			modal: true,
			buttons: {
				'Create': function() {
					if ($(this).find('[name="admin-category-name"]').val()) {
						App.createCategory(this);
						$(this).dialog('close');
						$(this).find('[name="admin-category-name"]').val('');
					}
				},
				Cancel: function() {
					$(this).dialog('close');
					$(this).find('[name="admin-category-name"]').val('');
				}
			}
		});
		return false;
	});


});


(function($) {
	$.fn.getCursorPosition = function() {
		var input = this.get(0);
		if( $( input ).attr( 'type' ) == 'checkbox' ){return;}
		if (!input) return; // No (input) element found
		if ('selectionStart' in input) {
			// Standard-compliant browsers
			return input.selectionStart;
		} else if (document.selection) {
			// IE
			input.focus();
			var sel = document.selection.createRange();
			var selLen = document.selection.createRange().text.length;
			sel.moveStart('character', -input.value.length);
			return sel.text.length - selLen;
		}
	}

	$.fn.setCursorPosition = function(position){
		if(this.length == 0) return this;
		return $(this).setSelection(position, position);
	}

	$.fn.setSelection = function(selectionStart, selectionEnd) {
		if(this.length == 0) return this;
		input = this[0];

		if (input.createTextRange) {
			var range = input.createTextRange();
			range.collapse(true);
			range.moveEnd('character', selectionEnd);
			range.moveStart('character', selectionStart);
			range.select();
		} else if (input.setSelectionRange) {
			input.focus();
			input.setSelectionRange(selectionStart, selectionEnd);
		}

		return this;
	}

})(jQuery);



App.giftcards = {
	params: function() {
		return {
			id_order: $('input[name="id_order"]').val(),
			id_user: $('input[name="id_user"]').val(),
			type: $('select[name="type"]').val(),
			limit: $('input[name="limit"]').val(),
			dates: $('input[name="date-range"]').val(),
			restaurant: $('select[name="restaurant"]').val()
		};
	},
	load: function() {
		$('.giftcards-loader').show();
		$('.giftcards-content').html('');
		$.ajax({
			url: '/admin/giftcards/content',
			data: App.giftcards.params(),
			complete: function(content) {
				$('.giftcards-content').html(content.responseText);
				$('.giftcards-loader').hide();
			}
		});
	},
	prepareForm: function( ){
		$(document).on('click', '.admin-giftcard-save', function() {
			
			var value = $.trim( $( '#value' ).val() );
			var id_restaurant = $( '#id_restaurant' ).val();
			var id_user = $( '#id_user' ).val();
			var total = $( '#total' ).val();

			if( value == '' ){
				alert( 'Please type a value!' );
				$( '#value' ).focus();
				return;
			}

			if( total == '' ){
				alert( 'Please type the number of gift cards!' );
				$( '#total' ).focus();
				return;
			}

			if( id_restaurant == '' ){
				alert( 'Please choose a restaurant!' );
				$( '#id_restaurant' ).focus();
				return;
			}
			var data = { 'value' : value, 'id_user' : id_user, 'id_restaurant' : id_restaurant, 'total' : total };
			var url = App.service + 'giftcard/generate';
			$.ajax({
				type: "POST",
				dataType: 'json',
				data: data,
				url: url,
				success: function( json ) {
					if( json.error ){
						alert( 'Error at adding a new giftcard!' );
					} else {
						alert( 'Gift card(s) created!' );
						location.href = '/admin/giftcards';
					}
				},
				error: function( ){
					alert( 'Error at adding a new gift card!' );
				}
			});
		} );
	},
	prepareFormBunchSMS : function(){
		$(document).on('click', '.admin-giftcard-save', function() {

			var value = $.trim( $( '#value' ).val() );
			var id_restaurant = $( '#id_restaurant' ).val();
			var phones = $( '#phones' ).val();
			
			if( phones == '' ){
				alert( 'Please enter the phone(s) number!' );
				$( '#phones' ).focus();
				return;
			}

			if( value == '' ){
				alert( 'Please type a value!' );
				$( '#value' ).focus();
				return;
			}

			if( id_restaurant == '' ){
				alert( 'Please choose a restaurant!' );
				$( '#id_restaurant' ).focus();
				return;
			}

			var data = { 'value' : value,'id_restaurant' : id_restaurant, 'phones' : phones };
			var url = App.service + 'giftcard/bunchsms';
			$.ajax({
				type: "POST",
				dataType: 'json',
				data: data,
				url: url,
				success: function( json ) {
					if( json.error ){
						alert( 'Oops, error!' );
					} else {
						alert( 'Gift card(s) created and sent!' );
						location.href = '/admin/giftcards';
					}
				},
				error: function( ){
					alert( 'Oops, error!' );
				}
			});
		} );
	},
	prepareFormBunchEMAIL: function(){
		$(document).on('click', '.admin-giftcard-save', function() {

			var value = $.trim( $( '#value' ).val() );
			var id_restaurant = $( '#id_restaurant' ).val();
			var emails = $( '#emails' ).val();
			var subject = $( '#subject' ).val();
			var content = $( '#content' ).val();
			
			if( emails == '' ){
				alert( 'Please enter the email(s) number!' );
				$( '#emails' ).focus();
				return;
			}

			if( value == '' ){
				alert( 'Please type a value!' );
				$( '#value' ).focus();
				return;
			}

			if( id_restaurant == '' ){
				alert( 'Please choose a restaurant!' );
				$( '#id_restaurant' ).focus();
				return;
			}

			if( subject == '' ){
				alert( 'Please type the subject!' );
				$( '#subject' ).focus();
				return;
			}

			if( content == '' ){
				alert( 'Please type the content!' );
				$( '#content' ).focus();
				return;
			}

			var data = { 'value' : value,'id_restaurant' : id_restaurant, 'emails' : emails, 'subject':subject, 'content': content };
			var url = App.service + 'giftcard/bunchemail';
			$.ajax({
				type: "POST",
				dataType: 'json',
				data: data,
				url: url,
				success: function( json ) {
					if( json.error ){
						alert( 'Oops, error!' );
					} else {
						alert( 'Gift card(s) created and sent!' );
						location.href = '/admin/giftcards';
					}
				},
				error: function( ){
					alert( 'Oops, error!' );
				}
			});
		} );
	},
	prepareFormSendSMS : function(){
		$(document).on('click', '.admin-giftcard-sms', function() {
			var id_promo = $( '#id_promo' ).val();
			var data = { 'id_promo' : id_promo };
			var url = App.service + 'giftcard/sms';
			$.ajax({
				type: "POST",
				dataType: 'json',
				data: data,
				url: url,
				success: function( json ) {
					if( json.error ){
						alert( 'Oops, error!' );
					} else {
						alert( 'Gift card(s) sent!' );
						location.reload();
					}
				},
				error: function( ){
					alert( 'Oops, error!' );
				}
			});
		} );
	},
	prepareFormSendEMAIL: function(){
		$(document).on('click', '.admin-giftcard-email', function() {
			var id_promo = $( '#id_promo' ).val();
			var data = { 'id_promo' : id_promo };
			var url = App.service + 'giftcard/email';
			$.ajax({
				type: "POST",
				dataType: 'json',
				data: data,
				url: url,
				success: function( json ) {
					if( json.error ){
						alert( 'Oops, error!' );
					} else {
						alert( 'Gift card(s) sent!' );
						location.reload();
					}
				},
				error: function( ){
					alert( 'Oops, error!' );
				}
			});
		} );
	},
	prepareFormAddUser: function(){
		$(document).on('click', '.admin-giftcard-save', function() {
			var id_user = $( '#id_user' ).val();
			var id_promo = $( '#id_promo' ).val();
			if( id_user == '' ){
				alert( 'Please choose an user!' );
				$( '#id_user' ).focus();
				return;
			}
			var data = { 'id_promo' : id_promo, 'id_user' : id_user };
			var url = App.service + 'giftcard/relateuser';
			$.ajax({
				type: "POST",
				dataType: 'json',
				data: data,
				url: url,
				success: function( json ) {
					if( json.error ){
						alert( 'Oops, error!' );
					} else {
						alert( 'Gift card(s) saved!' );
						location.reload();
					}
				},
				error: function( ){
					alert( 'Oops, error!' );
				}
			});
		} );
	}
};