var dashboard=(function(){
	this.init=function(){
		this.btn_bind();
		//如果有HASH標籤
		$(document).ready(function(){
			var path=ANK.fun.get_path();
			if(path[0]=='member' && path.length==2){
				var anchor=ANK.fun.get_anchor();
				var stype=anchor[0];
				if(stype.length<1){
					stype='info';
				}
				//視窗切換
				dashboard.change_view(stype);
				//觸發切換
				dashboard.trigger_view(stype);
			}
			//建立談出視窗
			dashboard.modal_obj=new dashboard_others.modal_obj('.dashboard-bs-modal-lg','dashboard.modal_obj');
		});
		//如果沒有登入則導向登入畫面
		let userid=$.cookie('userid');

		if(typeof(userid)=='undefined'){//未登入
			alert('您尚未登入，即將轉至登入畫面');
			location.href='/member/login';
		}
	}
	this.btn_bind=function(){
		//頁面切換
		$('.member_nav_left li').click(function(){
			//var msobj=$(this).;
			var stype=$(this).attr('stype');

			if(stype=='logout'){
				var code=$(this).attr('logout_code');
				dashboard.logout({
					'code':code
				});

				return true;
			}

			//視窗切換
			dashboard.change_view(stype);
			//觸發切換
			dashboard.trigger_view(stype);
		});
	}
	this.init();

	var re={
		//切換
		'change_view':function(stype){
			$('.member_nav_left li').removeClass('active').filter('[stype="'+stype+'"]').addClass('active');
			$('.member_unit').hide().filter('[stype="'+stype+'"]').show();

			history.pushState(null, null, '#'+stype);
		},
		'trigger_view':function(stype){
			if(stype=='info'){
				dashboard.info.trigger();
			}
			if(stype=='alter'){
				dashboard.alter.trigger();
			}
			if(stype=='class'){
				dashboard.class.trigger();
			}
			if(stype=='application'){
				dashboard.application.trigger();
			}
			if(stype=='querying'){
				dashboard.querying.trigger();
			}
			
		}
	}

	return re;
}());

//登出
dashboard.logout={
	'send':function(){
		var cfm=confirm('確定要登出嗎?');
		if(!cfm)return false;

		var data={
			'ajax_type':'logout'
		}

		ANK.ajax(['ajax/ajax_login.php','member','_main'],data,function(gdata){
			alert(gdata['desc_str']);
			location.href='/';
		},'json');
	}
}

//會員資訊
dashboard.info={
	'init_status':false,
	//被切換
	'trigger':function(){
		if(!this.init){
			//this.list({});
			this.init_status=true;

			this.btn_bind();
			this.get_html();
		}
		
	},
	'btn_bind':function(){
		var mobj=this;
	},
	'get_html':function(){
		var data={}
		data['ajax_type']='get_member_info_html';

		ANK.ajax(['ajax/ajax_member.php','member','_main'],data,function(html){
		 	$('.member_unit[stype="info"] .content').html(html);
		},'html');
	}
}

//修改會員
dashboard.alter={
	'init_status':false,
	//被切換
	'trigger':function(){
		if(!this.init){
			//this.list({});
			this.init_status=true;

			this.btn_bind();
			this.get_html();
		}
		
	},
	'btn_bind':function(){
		var mobj=this;
	},
	'get_html':function(){
		member.get_unit_html();//呼叫MEMBER的抓取資料
	}
}

//我的課程
dashboard.class={
	'init_status':false,
	//被切換
	'trigger':function(){
		if(!this.init){
			//this.list({});
			this.init_status=true;

			this.btn_bind();
			this.get_html();
		}
	},
	'btn_bind':function(){
		var mobj=this;
	},
	'get_html':function(){
		var data={}
		data['ajax_type']='get_member_list_html';

		ANK.ajax(['ajax/ajax_member.php','member','_main'],data,function(html){
		 	$('.member_unit[stype="class"] .content').html(html);
		},'html');
	},
	//看詳細資料
	'get_detail':function(obj){
		var booked_id=obj.attr('booked_id');

		var data={}
		data['booked_id']=booked_id;
		data['ajax_type']='get_booked_detail';

		dashboard.modal_obj.show();
		dashboard.modal_obj.set_title('課程詳細內容');
		ANK.ajax(['ajax/ajax_member.php','member','_main'],data,function(html){
			dashboard.modal_obj.set_content(html);
			dashboard.modal_obj.footer_close_btn();
		},'html');
	}
}

//我的申請
dashboard.application={
	'init_status':false,
	//被切換
	'trigger':function(){
		if(!this.init){
			//this.list({});
			this.init_status=true;

			this.btn_bind();
			this.get_html();
		}
	},
	'btn_bind':function(){
		var mobj=this;
	},
	'get_html':function(){
		var data={}
		data['ajax_type']='get_application_list_html';

		ANK.ajax(['ajax/ajax_member.php','member','_main'],data,function(html){
		 	$('.member_unit[stype="application"] .content').html(html);
		},'html');
	},
	//看詳細資料
	'get_detail':function(obj){
		var forms_id=obj.attr('forms_id');

		var data={}
		data['forms_id']=forms_id;
		data['ajax_type']='get_application_detail';

		dashboard.modal_obj.show();
		dashboard.modal_obj.set_title('申請表單內容');
		ANK.ajax(['ajax/ajax_member.php','member','_main'],data,function(html){
			dashboard.modal_obj.set_content(html);
			dashboard.modal_obj.footer_close_btn();
		},'html');
	}
}

//我的查詢
dashboard.querying={
	'init_status':false,
	//被切換
	'trigger':function(){
		if(!this.init){
			//this.list({});
			this.init_status=true;

			this.btn_bind();
			this.get_html();
		}
	},
	'btn_bind':function(){
		var mobj=this;
	},
	'get_html':function(){
		var data={}
		data['ajax_type']='get_querying_list_html';

		ANK.ajax(['ajax/ajax_member.php','member','_main'],data,function(html){
		 	$('.member_unit[stype="querying"] .content').html(html);
		},'html');
	},
	//看詳細資料
	'get_detail':function(obj){
		var forms_id=obj.attr('forms_id');

		var data={}
		data['forms_id']=forms_id;
		data['ajax_type']='get_application_detail';

		dashboard.modal_obj.show();
		dashboard.modal_obj.set_title('申請表單內容');
		ANK.ajax(['ajax/ajax_member.php','member','_main'],data,function(html){
			dashboard.modal_obj.set_content(html);
			dashboard.modal_obj.footer_close_btn();
		},'html');
	}
}

var dashboard_others=(function(){
	this.init=function(){
		var mobj=this;
		this.btn_bind();
	}
	this.btn_bind=function(){
		
	}

	this.init();

	var re={
		//MODAL OBJ
		'modal_obj':function(obj_name,gl_name){
			this.obj_name=obj_name;
			this.gl_name=gl_name;
			$(this.obj_name).find('.modal-dialog').css('width','80%');
			this.show=function(){
				$(this.obj_name).modal('show');
			}
			this.hide=function(){
				$(this.obj_name).modal('hide');
			}
			this.loading=function(){
				$(this.obj_name).find('.modal-title').html('Loading');
				$(this.obj_name).find('.modal-body').html('資料讀取中請稍候...');
			}
			this.set_content=function(content){
				$(this.obj_name).find('.modal-body').html(content);
			}
			this.set_title=function(content){
				$(this.obj_name).find('.modal-title').html(content);
			}
			this.footer_close_btn=function(){
				var close_fun=this.gl_name+'.hide();';
				$(this.obj_name).find('.modal-body').append('\
					<br />\
					<div class="text-center">\
						<button class="btn btn-danger" onclick="'+close_fun+'">關閉</button>\
					</div>');
			}
		}
	}

	return re;
}());