var App = App || {};
App.Presenters = App.Presenters || {};

App.Presenters.HomePresenter = function(
	_,
	jQuery,
	util,
	promise,
	api,
	auth,
	topNavigationPresenter,
	messagePresenter) {

	var $el = jQuery('#content');
    var homeTemplate;
    var postContentTemplate;
	var globals;
    var post;

	function init(args, loaded) {
		topNavigationPresenter.select('home');
		topNavigationPresenter.changeTitle('Home');

		promise.wait(
				util.promiseTemplate('home'),
				util.promiseTemplate('post-content'),
				api.get('/globals'),
				api.get('/posts/featured'))
			.then(function(
					homeTemplateHtml,
					postContentTemplateHtml,
					globalsResponse,
					featuredPostResponse) {
				homeTemplate = _.template(homeTemplateHtml);
				postContentTemplate = _.template(postContentTemplateHtml);

				globals = globalsResponse.json;
				post = featuredPostResponse.json;
				render();
				loaded();

			}).fail(function(response) {
				messagePresenter.showError($el, response.json && response.json.error || response);
				loaded();
			});
	}

	function render() {
		$el.html(homeTemplate({
			post: post,
			postContentTemplate: postContentTemplate,
			globals: globals,
			title: topNavigationPresenter.getBaseTitle(),
			canViewUsers: auth.hasPrivilege(auth.privileges.viewUsers),
			canViewPosts: auth.hasPrivilege(auth.privileges.viewPosts),
			formatRelativeTime: util.formatRelativeTime,
			formatFileSize: util.formatFileSize,
		}));
	}

	return {
		init: init,
		render: render,
	};

};

App.DI.register('homePresenter', ['_', 'jQuery', 'util', 'promise', 'api', 'auth', 'topNavigationPresenter', 'messagePresenter'], App.Presenters.HomePresenter);