(function(global) {
	'use strict';

	var CamSDK = global.CamSDK;

	var angular = global.angular;

	var $ = angular.element;

	var camClient = new CamSDK.Client({
		mock : false,
		apiUri : '/engine-rest'
	});

	var taskService = new camClient.resource('task');

	var $formContainer = $('.column.right');

	var app = angular.module('example.app', [ 'cam.embedded.forms' ]);

	app.controller('ruleAutoAppCtrl', [
			'$scope',
			function($scope) {
				$scope.camForm = null;

				function loadTasks() {
					taskService.list({}, function(err, results) {
						if (err) {
							throw err;
						}

						$scope.$apply(function() {
							$scope.tasks = results._embedded.task;
						});
					});
				}

				function addFormButton(err, camForm) {
					if (err) {
						throw err;
					}

					// create a button element
					var $submitBtn = $(
							'<button type="submit">Complete</button>')
					// with a click handler to submit the form
					.click(function() {
						camForm.submit(function(err) {
							if (err) {
								throw err;
							}

							// clear the form
							$formContainer.html('');

							loadTasks();
						});
					});

					// and append it to the form
					camForm.formElement.append($submitBtn);
				}

				$scope.loadTaskForm = function($event) {
					var taskId = $($event.currentTarget).attr('data-task-id');

					// clear the form container content
					$formContainer.html('');

					// loads the task form using the task ID provided
					taskService.form(taskId, function(err, taskFormInfo) {
						var url = taskFormInfo.key.replace('embedded:app:',
								taskFormInfo.contextPath + '/');

						new CamSDK.Form({
							client : camClient,
							formUrl : url,
							taskId : taskId,
							containerElement : $formContainer,

							// continue the logic with the callback
							done : addFormButton
						});
					});
				};

				// load the tasks at start
				loadTasks();
			} ]);

	angular.bootstrap(document, [ 'example.app' ]);

})(this);