define(['app'], function (app) {
	'use strict';
	app.controller('MainCtrl', function ($rootScope, $scope, $illustration, $t_shirt) {
		//Action T-Shirt choice color and Back or Front
		$scope.tShirtColor = $t_shirt.getTShirtColor(0);
		//Set color name default
		var tShirtColorFirstKey = 0;
		$scope.tShirtChoiceBackFrontKey = 'front';
		$scope.tShirtColorKey = tShirtColorFirstKey;
		$rootScope.tShirtColorCode = $scope.tShirtColor[tShirtColorFirstKey].code;
		$scope.tShirtColorName = $scope.tShirtColor[tShirtColorFirstKey].name;
		$scope.tShirtImgFront = $scope.tShirtColor[tShirtColorFirstKey].img.front;
		$scope.tShirtImgBack = $scope.tShirtColor[tShirtColorFirstKey].img.back;
		$scope.tShirtImg = $scope.tShirtImgFront;

		$scope.choiceTShirtColor = function(key) {
			$scope.tShirtColorKey = key;
			$rootScope.tShirtColorCode = $scope.tShirtColor[key].code;
			$scope.tShirtColorName = $scope.tShirtColor[key].name;
			$scope.tShirtImgFront = $scope.tShirtColor[key].img.front;
			$scope.tShirtImgBack = $scope.tShirtColor[key].img.back;
			if($scope.tShirtChoiceBackFrontKey == 'front') {
				$scope.tShirtImg = $scope.tShirtImgFront;
			} else {
				$scope.tShirtImg = $scope.tShirtImgBack;
			}
		};
		$scope.choiceTShirtBackFront = function(choice) {
			if(choice == 'front') {
				$scope.tShirtImg = $scope.tShirtImgFront;
			} else {
				$scope.tShirtImg = $scope.tShirtImgBack;
			}
			$scope.tShirtChoiceBackFrontKey = choice;
		};


		$scope.showIllustration = function(tab){
			$scope.isShowLeftPanel = tab;
			switch (tab){
				case 'illustration': {
					$scope.IllustrationList = $illustration.getAll();
					$scope.illustrationSelectConfig = {
						allowClear:true
					};
					break;
				}
				// case: ''
			}
		};

		$scope.modalTShirtDesign = function() {
			$('#tshirt-design').modal(
				{
					backdrop: 'static',
					keyboard: false
				}
			);
			$scope.showIllustration('default');
		};
		$scope.modalClose = function(){
			$('#tshirt-design').modal('hide');
		};


	});
});