define(['app'], function (app) {
	'use strict';

	app.controller('TshirtdesignCtrl', function ($scope, $rootScope, $illustration) {
		
		var canvas = new fabric.Canvas('main-design-container');
		fabric.Object.prototype.transparentCorners = false;

		canvas.on('after:render', function() {
		});
		canvas.on({
			'object:moving': onIllustrationChange,
			'object:scaling': onIllustrationChange,
			'object:rotating': onIllustrationChange,
			'object:selected': onllustrationSelected,
		});
		function onIllustrationChange(options) {
			// options.target.setCoords();
			// canvas.forEachObject(function(obj) {
			// if (obj === options.target) return;
			// 	obj.setOpacity(options.target.intersectsWithObject(obj) ? 0.5 : 1);
			// });
		}

		$scope.currentObject = null;
		function onllustrationSelected(options){
			$scope.currentObject = canvas.getActiveObject();
			console.log(canvas.getActiveObject());
		}

		// Illustration process
		$scope.changeIllustrationCategory = function(currentIllustration){
			$scope.currentIllustrationCate = $illustration.getList(currentIllustration);
			console.log($scope.currentIllustrationCate);
		};

		$scope.insertSvg = function(item){
			fabric.loadSVGFromURL(item.path, function(objects, options) {
				var shape = fabric.util.groupSVGElements(objects, options);
				// shape.setFill('green');
				canvas.add(shape.scale(0.6));
				shape.set({ left: 150, top: 200 }).setCoords();
				canvas.renderAll();
				canvas.setActiveObject(shape);
			});
		};

		// color pattern
		$scope.changeColorPattern = function(color){
			canvas.getActiveObject().set("fill", color);
            canvas.renderAll();
		};
		$scope.listColorPatterns = [
			'#000000',
			'#ffff00',
			'#ff6600',
			'#ff0000',
			'#ff6262',
			'#ffa19c',
			'#ff9933',
			'#c45d01',
			'#5d2b03',
			'#ffffcc',
			'#000000',
			'#ffff00',
			'#ff6600',
			'#ff0000',
			'#ff6262',
			'#ffa19c',
			'#ff9933',
			'#c45d01',
			'#5d2b03',
			'#ffffcc',
			'#000000',
			'#ffff00',
			'#ff6600',
			'#ff0000',
			'#ff6262',
			'#ffa19c',
			'#ff9933',
			'#c45d01',
			'#5d2b03',
			'#ffffcc',
			'#ffffcc'
		];


	});
});