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');

  		};

  	});
  });