App.page.home = function(force) {

	if (!force && !App.loc.loaded) {
		// if we arent forcing and theres no pos, then this was a home request. we need to wait a second
		console.log('QUE HOME PAGE')
		App.loc.bind('location-loaded', function() {
			App.page.home(force);
		});
		App.loc.bind('location-detected', function() {
			App.page.home(force);
		});

		return;
	}
	console.log('HOME PAGE')

	var homeSuccess = function() {
		$('.nav-back').removeClass('nav-back-show');
		$('.config-icon').addClass('config-icon-mobile-hide, config-icon-desktop-hide');
		$('.content').addClass('short-meal-list');
		
		App.showPage({
			page: 'home',
			title: 'Crunchbutton',
			data: {
				topCommunities: App.topCommunities,
				yourArea: App.loc.city() || 'your area',
				autofocus: $(window).width() >= 768 ? ' autofocus="autofocus"' : ''
			}
		});
	
		// @todo: put these in the css. @hacks
		if (navigator.userAgent.toLowerCase().indexOf('safari') > -1 && navigator.userAgent.toLowerCase().indexOf('mobile') == -1 && navigator.userAgent.toLowerCase().indexOf('chrome') == -1) {
			// safari desktop
			$('.location-detect').css({
				'margin-top': '2px',
				'height': '50px'
			});
		} else if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
			// firefox desktop
			$('.location-detect').css({
				'margin-top': '0px',
				'height': '52px'
			});
		}
	};

	if (!force && App.loc.address() && App.restaurants.list === false) {
		// we have an address, but no restaurants
console.log('LOCATION NO REST')
		App.page.foodDelivery();

		return;

	} else {
		homeSuccess();
	}
		
	if (!force && App.loc.address() && App.restaurants.list && App.restaurants.list.length == 0) {
		App.loc.log();

		

		$('.home-greeting, .enter-location, .button-letseat-form').hide();
		$('.error-location').show();
console.log('LOCATION ERROR')
		App.track('Location Error', {
			lat: App.loc.pos().lat,
			lon: App.loc.pos().lon,
			address: App.loc.address()
		});

	} else {
console.log('JUST HOME')
		$('.location-address').val('');
		$('.error-location').hide();
		$('.home-greeting, .enter-location, .button-letseat-form').show();

	}
};

App.page.restaurant = function(id) {

	$('.config-icon').addClass('config-icon-mobile-hide');
	$('.nav-back').addClass('nav-back-show');

	App.cartHighlightEnabled = false;

	$('.content').removeClass('smaller-width');
	$('.content').removeClass('short-meal-list');

	App.cache('Restaurant', id, function() {
		if (App.restaurant && App.restaurant.permalink != id) {
			App.cart.resetOrder();
		}

		App.restaurant = this;
		var community = App.getCommunityById(App.restaurant.id_community);

		var lastOrderDelivery = false;
		var lastPayCash = false;
		
		if( App.config && App.config.user && App.config.user.presets && App.config.user.presets[App.restaurant.id_restaurant] ){
			// Check if the last user's order at this restaurant was a delivery type
			lastOrderDelivery = App.config.user.presets[App.restaurant.id_restaurant].delivery_type;
			// Check if the last user's order at this restaurant was cash type	
			lastPayCash = App.config.user.presets[App.restaurant.id_restaurant].pay_type;
			App.order['delivery_type'] = lastOrderDelivery;
			App.order['pay_type'] = lastPayCash;
		}
		
		App.showPage({
			tracking: {
				title: 'Restaurant page loaded',
				data: {
					restaurant: App.restaurant.name
				}
			},
			page: 'restaurant',
			title: App.restaurant.name + ' | Food Delivery | Order from ' + ( community.name  ? community.name  : 'Local') + ' Restaurants | Crunchbutton',
			data: {
				restaurant: App.restaurant,
				presets: App.config.user.presets,
				lastOrderDelivery: lastOrderDelivery,
				user: App.config.user,
				community: community,
				form: {
					tip: App.order.tip,
					name: App.config.user.name,
					phone: App.phone.format(App.config.user.phone),
					address: App.config.user.address || App.loc.address(),
					notes: (App.config.user && App.config.user.presets && App.config.user.presets[App.restaurant.id_restaurant]) ? App.config.user.presets[App.restaurant.id_restaurant].notes : '',
					card: {
						number: App.config.user.card,
						month: App.config.user.card_exp_month,
						year: App.config.user.card_exp_year
					}
				}
			}
		});
		
		if (App.config.user.presets) {
			$('.payment-form').hide();
		}

		if (App.cart.hasItems()) {
			App.cart.reloadOrder();
		} else if (App.config.user && App.config.user.presets && App.config.user.presets[App.restaurant.id_restaurant]) {
			try {
				App.cart.loadOrder(App.config.user.presets[App.restaurant.id_restaurant]);
			} catch (e) {
				App.cart.loadOrder(App.restaurant.preset());
			}
		} else {
			App.cart.loadOrder(App.restaurant.preset());
		}

		// As the div restaurant-items has position:absolute this line will make sure the footer will not go up.
		$('.body').css({
			'min-height': $('.restaurant-items').height()
		});

		setTimeout(function() {
			var total = App.cart.updateTotal();
		},200);

		App.cartHighlightEnabled = false;

		if ( App.order['pay_type'] == 'cash' || lastPayCash == 'cash' ) {
			App.trigger.cash();
		} else {
			App.trigger.credit();
		}

		if( lastPayCash == 'cash' ){
			App.trigger.cash();
		} else if ( lastPayCash == 'card' ){
			App.trigger.credit();	
		}

		// Rules at #669
		if( ( lastOrderDelivery == 'delivery' && App.restaurant.delivery == '1' ) || 
				( App.order['delivery_type'] == 'delivery' && App.restaurant.delivery == '1' ) ||
				( App.restaurant.takeout == '0' ) ||
				( lastOrderDelivery != 'takeout' && App.restaurant.delivery == '1' ) ){
				App.trigger.delivery();
		} 

		// If the restaurant doesn't delivery
		if( App.order['delivery_type'] == 'takeout' || App.restaurant.delivery != '1') {
			App.trigger.takeout();
		} 

		// If the user has presets at other's restaurants but he did not typed his address yet
		// and the actual restaurant is a delivery only #875
		if( ( App.restaurant.takeout == '0' || App.order['delivery_type'] == 'delivery' ) && !App.config.user.address ){
			$('.payment-form').show();
			$('.delivery-payment-info, .content-padder-before').hide();
		}

		$( '.restaurant-gift' ).hide();

		App.credit.getCredit( function(){
			App.credit.show();
			App.cart.updateTotal();
		} );

		if (!App.config.user.id_user) {
			App.config.user.address = App.loc.enteredLoc;
			App.loc.enteredLoc = '';
		}
		
	});

};


/**
 * Order page. displayed after order, or at order history
 */
App.page.order = function(id) {

	$( '.config-icon' ).addClass( 'config-icon-mobile-hide' );
	$( '.nav-back' ).addClass( 'nav-back-show' );

	if (App.justCompleted) {
		App.justCompleted = false;
	}

	$('.content').addClass('smaller-width');
	$('.main-content').css('width','auto');
	
	// Just to make sure the user button will be shown
	App.signin.checkUser();

	App.cache('Order', id, function() {
		var order = this;
		
		if (!order.uuid) {
			History.replaceState({},'Crunchbutton','/orders');
			return;
		}
		
		App._order_uuid = id;

		App.facebook.preLoadOrderStatus();

		App.cache('Restaurant',order.id_restaurant, function() {
			var restaurant = this;

			App.showPage({
				title: 'Crunchbutton - Your Order',
				page: 'order',
				data: {
					order: order,
					restaurant: restaurant,
					user: App.config.user.has_auth
				}
			});
			
		});
	});
};


/**
 * Legal page. loaded from xhr.
 */
App.page.legal = function() {
	App.currentPage = 'legal';
	$.getJSON('/api/legal',function(json) {
		$('.main-content').html(json.data);
		App.refreshLayout();
	});
};


/**
 * Help page. loaded from xhr.
 */
App.page.help = function() {
	App.currentPage = 'help';
	$.getJSON('/api/help',function(json) {
		$('.main-content').html(json.data);
		App.refreshLayout();
	});
};


/**
 * Order page. only avaiable after a user has placed an order or signed up.
 * @todo: change to account page
 */
App.page.orders = function() {
	if (!App.config.user.id_user) {
		History.pushState({}, 'Crunchbutton', '/');
		return;
	}

	$( '.config-icon' ).addClass( 'config-icon-mobile-hide' );
	$( '.nav-back' ).addClass( 'nav-back-show' );

	$.getJSON('/api/user/orders',function(json) {
		App.showPage({
			title: 'Your Account',
			page: 'orders',
			data: {
				orders: json,
				user: App.user
			}
		});
	});

	App.refreshLayout();
};


/**
 * FoodDelivery's methods
 */
App.foodDelivery = {};

// before we change the url we need to make sure that there are restaurants at the typed place.
App.foodDelivery.getRestaurants = function(success, error) { 
	if (!App.loc.pos()) {
		error();
		return;
	}

	var url = App.service + 'restaurants?lat=' + App.loc.pos().lat + '&lon=' + App.loc.pos().lon + '&range=' + ( App.loc.range || App.defaultRange );
	App.restaurants.list = false;

	$.getJSON(url, function(json) {
		App.restaurants.list = [];

		// There is no restaurant near to the user. Go home and show the error.
		if (typeof json['restaurants'] == 'undefined' || json['restaurants'].length == 0) {
			error();

		} else {

			for (var x in json.restaurants) {
				var res = new Restaurant(json.restaurants[x]);
				res.open();
				App.restaurants.list[App.restaurants.list.length] = res;
			};
			success();
		}
	});
}

App.foodDelivery.localizedContent = function(){
	// set the slogan and tagline
	try {
		var slogan = App.slogan.slogan;
		var sloganReplace = App.loc.prep() + ' ' + App.loc.city();

		sloganReplace = $.trim(sloganReplace);
		var tagline = App.tagline.tagline.replace('%s', sloganReplace);
		slogan = slogan.replace('%s', sloganReplace);

	} catch (e) {
		console.log('Failed to load dynamic text', App.slogan, App.tagline);
		var slogan = '';
		var tagline = ''; 
	}
	
	// set title
	var title = App.loc.city() + ' Food Delivery | Order Food from ' + (App.loc.city() || 'Local') + ' Restaurants | Crunchbutton';
	document.title = title;
	
	return {
		slogan: slogan,
		tagline: tagline,
		title: title
	};
}
/**
 * food delivery page
 */
App.page.foodDelivery = function(refresh) {
	if (refresh) {
		App.restaurants.list = false;
	}
	
	//App.loc.reverseGeocode(App.loc.pos().lat, App.loc.pos().lon, success, error);

	console.log('FOOD DELIVERY')
	var success = function() {
		// if we have a success and
		var loc = '/' + App.restaurants.permalink;
		if (loc != location.pathname) {
			History.pushState({}, 'Crunchbutton', '/' + App.restaurants.permalink);
			return;
		}

		$( '.config-icon' ).removeClass( 'config-icon-mobile-hide' );
		$( '.nav-back' ).removeClass( 'nav-back-show' );
	
		if (App.restaurants.list.length == 4) {
			$('.content').addClass('short-meal-list');
		} else {
			$('.content').removeClass('short-meal-list');
		}
		$('.content').removeClass('smaller-width');
	
		App.currentPage = 'food-delivery';
	
		var titles = App.foodDelivery.localizedContent();
		
		// sort the list by open or not
		App.restaurants.list.sort(sort_by(
			{
				name: '_open',
				reverse: true
			},
			{
				name: '_weight',
				primer: parseInt,
				reverse: true
			}
		));
		
		App.showPage({
			page: 'restaurants',
			data: {
				slogan: titles.slogan,
				tagline: titles.tagline,
				restaurants: App.restaurants.list
			}
		});
	};
	
	// we dont have any restaurants
	var error = function() {
		App.loadHome();
	};

	if (App.restaurants.list === false) {
		// we have not checked for restaurants. do that now.
		App.foodDelivery.getRestaurants(success, error);

	} else if (App.restaurants.list === []) {
		// there are no restaurants for this area. go back home
		error();

	} else {
		// we already have a restaurant list. display the restaurant page
		success();
	}
}
/**
 * Gift card page
 */
App.page.giftCard = function( path ){
	App.page.home();
	App.giftcard.show( path );
}

/**
 * Reset password page
 */
App.page.resetPassword = function( path ){
	if( !App.signin.passwordHelp.reset.hasStarted ){
		App.signin.passwordHelp.reset.hasStarted = true;
		$( '.wrapper' ).append( App.signin.passwordHelp.reset.html( path ) );
		App.showReset = true;
		App.page.home( true );
		App.signin.passwordHelp.reset.init();
	}
}