/* jshint undef: true, unused: true */
/*global angular */
(function () {
	'use strict';

	angular.module('todoCtrl', [])

	/**
	 * The main controller for the app. The controller:
	 * - retrieves and persists the model via the todoStorage service
	 * - exposes the model to the template and provides event handlers
	 */
	.controller('TodoCtrl', function TodoCtrl($scope, $location) {
		var TC = this;
		var todos = TC.todos = [];

		TC.ESCAPE_KEY = 27;
		TC.editedTodo = {};

		TC.updateRemainingCount = function () {
			TC.remainingCount = todos.filter(function (todo) { return !todo.completed; }).length;
			TC.allChecked = (TC.remainingCount === 0);
		}

		function resetTodo() {
			TC.newTodo = {title: '', completed: false};
		}

		resetTodo();

		if ($location.path() === '') {
			$location.path('/');
		}

		TC.location = $location;

		$scope.$watch('TC.location.path()', function (path) {
			TC.statusFilter = { '/active': {completed: false}, '/completed': {completed: true} }[path];
		});

		TC.addTodo = function () {
			var newTitle = TC.newTodo.title = TC.newTodo.title.trim();
			if (newTitle.length === 0) {
				return;
			}

			todos.push(TC.newTodo);
			resetTodo();
			TC.updateRemainingCount();
		};

		TC.editTodo = function (todo) {
			TC.editedTodo = todo;

			// Clone the original todo to restore it on demand.
			TC.originalTodo = angular.copy(todo);
		};

		TC.doneEditing = function (todo, index) {
			TC.editedTodo = {};
			todo.title = todo.title.trim();

			if (!todo.title) {
				TC.removeTodo(index);
			}
			TC.updateRemainingCount();
		};

		TC.revertEditing = function (index) {
			TC.editedTodo = {};
			todos[index] = TC.originalTodo;
			TC.updateRemainingCount();
		};

		TC.removeTodo = function (index) {
			todos.splice(index, 1);
			TC.updateRemainingCount();
		};

		TC.clearCompletedTodos = function () {
			TC.todos = todos = todos.filter(function (val) {
				return !val.completed;
			});
			TC.updateRemainingCount();
		};

		TC.markAll = function (completed) {
			todos.forEach(function (todo) {
				todo.completed = completed;
			});
			TC.updateRemainingCount();
		};
	});


	angular.module('todoFocus', [])

	/**
	 * Directive that places focus on the element it is applied to when the expression it binds to evaluates to true
	 */
	.directive('todoFocus', function ($timeout) {
		return function (scope, elem, attrs) {
			scope.$watch(attrs.todoFocus, function (newVal) {
				if (newVal) {
					$timeout(function () {
						elem[0].focus();
					}, 0, false);
				}
			});
		};
	});
	/**
	 * The main TodoMVC app module that pulls all dependency modules declared in same named files
	 *
	 * @type {angular.Module}
	 */
	angular.module('todomvc', ['todoCtrl', 'todoFocus']);
})();