(function () {
	'use strict';

	window.app.directive('formGroupValidation',
		function() {
			return {
				require: '^form',
				replace: true,
				transclude: true,
				template:
					'<div class="has-feedback" ng-class="vm.getValidationClass()">' +
						'<ng-transclude></ng-transclude>' +
						//'<input-validation-icons field="vm.field"></input-validation-icons>' +
						'</div>',
				scope: {
					field: '@formGroupValidation'
				},
				controller: controller,
				controllerAs: 'vm',
				link: function(scope, element, attrs, formCtrl) {
					scope.form = formCtrl;
				}
			}
		});

	controller.$inject = ['$scope'];
	function controller($scope) {
		var vm = this;

		vm.field = $scope.field;
		vm.getValidationClass = getValidationClass;

		function getValidationClass() {
			if (!canBeValidated()) return '';

			if (isValid()) return 'has-success';

			return 'has-error';
		}

		function canBeValidated() {
			return ($scope.form[vm.field].$touched || $scope.form.$submitted);
		}

		function isValid() {
			return $scope.form[vm.field].$valid;
		}
	}

})();