<!DOCTYPE html>
<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<%@ page import="com.csc.library.entry.HelpEntry,com.csc.library.system.*,com.csc.library.utilities.*"%>
<%@ page import="com.csc.library.entry.*,com.csc.library.database.*,com.csc.library.session.*"  %>
<% request.setCharacterEncoding("UTF-8"); %>
<%@ include file="../CHECKPROFILE.jsp" %>
<jsp:useBean id="TREMP010H" class="com.csc.library.system.Task" scope="page" />
<jsp:setProperty name="TREMP010H" property="appname" value="empview" />
<%
	TREMP010H.setChannel(request,response);
	HelpEntry screen = (HelpEntry) TREMP010H.process("HelpEntry","TREMP010H");

	screen.process();
	screen.nextRec();
	screen.referLangOn();

	CheckNull chk = new CheckNull();

	DbInquiry db_aca=new InitialInquiry(screen.getUProfile()).getDbInquiry();
	DbInquiry db_loc=new InitialInquiry(screen.getUProfile()).getDbInquiry();
	DbInquiry db_room=new InitialInquiry(screen.getUProfile()).getDbInquiry();

	db_aca.initMyTable("MACADEMY"," INSTID = '"+screen.getString("INSTID")+"'","");
	db_aca.setColumn("instid,instdesc,instedesc,photo,companyid");
	db_aca.refresh();
	db_aca.next();

	db_loc.initMyTable("MTRLOCATION"," LOCID = '"+screen.getString("LOCID")+"'","");
	db_loc.setColumn("locid,locdesc,locedesc,photo,companyid");
	db_loc.refresh();
	db_loc.next();

	db_room.initMyTable("MTRROOM"," ROOMID = '"+screen.getString("ROOMID")+"'","");
	db_room.setColumn("roomid,roomdesc,photo,companyid");
	db_room.refresh();
	db_room.next();

	String picture_aca =screen.getString("MACADEMY","PHOTO");
	if (picture_aca.equals("")){
		picture_aca = db_aca.getCurrentDbRecord().getViewUrl("photo")+"DEFAULT.jpg";
	} else {
		picture_aca = db_aca.getCurrentDbRecord().getViewUrl("photo");
	}

	String picture_loc = screen.getString("MTRLOCATION","PHOTO");
	if (picture_loc.equals("")){
		picture_loc = db_loc.getCurrentDbRecord().getViewUrl("photo")+"/DEFAULT.jpg";
	}else{
		picture_loc = db_loc.getCurrentDbRecord().getViewUrl("photo");
	}

	String picture_room = screen.getString("MTRROOM","PHOTO");
	if (picture_room.equals("")){
		picture_room =db_room.getCurrentDbRecord().getViewUrl("photo")+"DEFAULT.jpg";
	}else{
		picture_room= db_room.getCurrentDbRecord().getViewUrl("photo");
	}

	String mytype = chk.chkNullString(request.getParameter("__myrestype"));
	if(mytype.equals("")){
			mytype = "defa";
			DbRecord  trnee =  new InitialRecord(screen.getUProfile()).getDbRecord("ttraintrnee");
			trnee.setColumn("trainingid,traineeid,companyid");
			trnee.set("trainingid",screen.getString("trainingid"));
			trnee.set("traineeid",screen.getUProfile().get("employeeid"));
			trnee.set("companyid",screen.getUProfile().get("companyid"));
			if(trnee.search()==1){
					mytype = "app";
			}else{
					DbRecord tres =  new InitialRecord(screen.getUProfile()).getDbRecord("hreserver");
					tres.setColumn("trainingid,reserverid,companyid,status");
					tres.set("trainingid",screen.getString("trainingid"));
					tres.set("reserverid",screen.getUProfile().get("employeeid"));
					tres.set("companyid",screen.getUProfile().get("companyid"));
					if(tres.search()==1){
						if(tres.getString("status").equals("1")){
								mytype = "wait";
						}else	if(tres.getString("status").equals("2")){
								mytype = "app";
						}else	if(tres.getString("status").equals("3")){
								mytype = "notapp";
						}
					}
			}
	}
%>
<html ng-app="myHR">
	<head>
		<title>Employee View</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	</head>
	<body onload="setAltCode();">
		<div class="bg-com"></div>
		<jsp:include page="EMV_HEADMENU.jsp" flush="true" />

		<script language='javascript'>
			setLang('<%=screen.getUProfile().get("lang")%>');
			var swap = new swaplang();
			var titlename = swap.swap2String("SW000694");
			setPageTitle(titlename);


			var altTh = new Array();
			var altEn = new Array();
			var altMy = new Array();
			altTh[0] = "คุณมีรายชื่ออยู่ในการอบรมแล้ว";
			altEn[0] = "You in trainee list for this training.";

			altTh[1] = "รอการอนุมัติเอกสาร";
			altEn[1] = "You have reserved this training. Waiting for approve";

			altTh[2] = "เอกสารไม่อนุมัติ";
			altEn[2] = "You have reserved this training. But not approve.";

			altTh[3] = "ไม่สามารถจองการอบรมได้  เนื่องจากคุณมีหลักสูตรนี้อยู่ในประวัติการอบรมแล้ว";
			altEn[3] = "In your training history have this course. Can't reserver";

			altTh[4] = "ไม่สามารถจองการอบรมได้  เนื่องจากยังไม่ถึงช่วงวันที่เปิดจองการอบรม";
			altEn[4] = "Can't reserver because this date less then resdate.";

			altTh[5] = "ไม่สามารถจองการอบรมได้  เนื่องจากเกินช่วงวันที่เปิดจองการอบรม";
			altEn[5] = "Can't reserver because this date morethan resdate.";

			altTh[6] = "คุณต้องการจองการอบรมนี้หรือไม่";
			altEn[6] = "would you want to reserve this course";

			function setAltCode(){
				if(getLang()=="tha"){
					altMy=altTh;
				}else{
					altMy=altEn;
				}
			}
			function viewTrainer(trainerid){
				var tmp = trainerid;
				with(document.cscform){
					 window.open("TREMP004.jsp?__fixCon=trainerid='"+tmp+"'","TRAINER","left=150,top=150,width=900,height=450,toolbar=no,status=no,scrollbars=yes,resizable=yes");
				}
			}
			function viewAcademy(){
				with(document.cscform){
					window.open(photo_aca.value,'Picture','width=900,height=600,status=yes,scrollbars=yes,resizable=yes');
				}
			}
			function viewLocation(){
				with(document.cscform){
					//window.open('../UPLOAD/TRAINING/PICTURE/LOCATION/'+photo_loc.value,'Picture','width=800,height=600,status=yes,scrollbars=yes,resizable=yes');
					window.open(photo_loc.value,'Picture','width=900,height=600,status=yes,scrollbars=yes,resizable=yes');
				}
			}
			function viewRoom(){
				with(document.cscform){
					window.open(photo_room.value,'Picture','width=900,height=600,status=yes,scrollbars=yes,resizable=yes');
				}
			}
			function setOnPicError(pic){
				pic.value = "DEFAULT.jpg";
			}
			function backhead(){
				window.close();
			}
			function setIssameCrs(){
				with(document.cscform){
					__issamecrs.value = 1;
				}
			}
			function setIssameCrs_tran(trid){
				with(document.cscform){
					__issamecrs_tran.value = trid;
				}
			}
			function GoMyNote(){
				var tmp="";
				with(document.cscform){
					var ttri = '<%=screen.getString("TRTITLE")%>';
					ttri = ttri.replace(" ","$");
					var crs = '<%=screen.getString("MCOURSE","CRSEDESC")%>';
					crs = crs.replace(" ","$");
					var loc = '<%=screen.getString("MTRLOCATION","LOCEDESC")%>';
					loc = loc.replace(" ","$");
					tmp = "?__trainingid="+__trainingid.value+
					"&__trtitle="+ttri+
					"&__classfrom="+__classfrom.value+
					"&__classto="+__classto.value+
					"&__timestart="+__timestart.value+
					"&__timestop="+__timestop.value+
					"&__crsdesc="+crs+
					"&__loca="+loc+
					"&__setTrnid=yes";
				}
				with(document.cscform){
					target = "_top";
					action = "../TRAINING/TRA200.jsp"+tmp;
					submit();
				}
				//alert("success");
			}
			function goReserver(){

				with(document.cscform){
					if ($("input:checked").val()==1){
						selfReserver();

					}else{
						supReserver();
					}
				}
			}
			function supReserver(){
				with(document.cscform){
					__help.value="__trainingid#"+__trainingid.value;
					action = "TREMP012.jsp";
					submit();

				}
			}
			function selfReserver(){

				with(document.cscform){
					if(__myrestype.value=="defa"){
						//console.log(__issamecrs_tran.value);
						if(__issamecrs.value==0 && __issamecrs_tran.value!=0){
							bCon=confirm(altMy[6]);
							console.log("hi");
							if(bCon){
								GoMyNote();
							}
						}else{
							if(__issamecrs.value!=0){
								alert(altMy[3]);
							}else{
								if(__issamecrs_tran.value!=0){
									if(getLang()=="tha"){
										tmp = "รหัสรุ่นนี้อยู่ในหลักสูตรเดียวกับรหัสรุ่น "+__issamecrs_tran.value+" ไม่สามารถจองหลักสูตรนี้ได้";
									}else{
										tmp = "This training class have course as same as Training class ID "+__issamecrs_tran.value+". Can't reserver this course";
									}
								}
							}
						}
					}else{
						if(__myrestype.value=="wait"){
							//alert(altMy[1])
						}
						if(__myrestype.value=="app"){
							//alert(altMy[0])
						}
						if(__myrestype.value=="notapp"){
							//alert(altMy[2])
						}
					}
				}
			}
			function viewCourse(courseid){
				var tmp = courseid;
				with(document.cscform){
					 window.open("TREMP007.jsp?__fixCon=crsid='"+tmp+"'","COURSE","left=150,top=150,width=700,height=700,toolbar=no,status=no,scrollbars=yes,resizable=yes");
				}
			}
			/*function replaceTexta(id){
				if(document.getElementById(id)!=null){
					var tmp = document.getElementById(id).value;
					while(tmp.indexOf("\x0D")>0){
						tmp = tmp.replace("\x0D","<br>");
					}
					document.write(tmp);
				}
			}*/
			function viewTtraining_Time(trainingid){
				var tmp = trainingid;
				with(document.cscform){
					window.open("TREMP011.jsp?__fixCon=trainingid='"+tmp+"'","TTRAININGTIME","left=150,top=150,width=900,height=450,toolbar=no,status=no,scrollbars=yes,resizable=yes");
				}
			}

			$(document).ready(function(){
				function CheckSession(){
					/*$.ajax({
						type:"POST",
						url:"../CHECKPROFILE.jsp",
						cache: false,
						success : function(result){
							if (result!=""){
								window.top.location.href ="../LOGINERROR.jsp";
							}
						},
						async:false
					});*/
				};

				var allClass=$(".csc-list-head").length;
				$(".csc-list-head").css("width",100/allClass+"%");

				$(".csc-list-head").click(function(){
					CheckSession();
					$(".csc-list-head").removeClass("tab-active");
					$(".csc-tab-body").removeClass("body-active");

					var classname=$(this).attr("id");
					$(this).addClass("tab-active");
					$("."+classname).addClass("body-active");
				});
			});
		</script>

		<form name="cscform" method="post" action="TREMP010.jsp">
			<%=screen.InitialVariable()%>

			<input type="hidden" name="__screen"  value="TREMP010">

			<input type="hidden" name="__issamecrs" value="0">
			<input type="hidden" name="__help" value="">

			<input type="hidden" name="__issamecrs_tran" value="0">
			<input type="hidden" name="__myrestype" value="<%=mytype%>">
			<input type="hidden" name="__trainingid" value="<%=screen.getString("TRAININGID")%>">
			<input type="hidden" name="__language" value="<%=screen.getUProfile().get("lang")%>">
			<input type="hidden" name="__companyid" value="<%=screen.getUProfile().get("companyid")%>">
			<input type="hidden" name="photo_aca" value="<%=picture_aca%>">
			<input type="hidden" name="photo_loc" value="<%=picture_loc%>">
			<input type="hidden" name="photo_room" value="<%=picture_room%>">
			<input type="hidden" name="__classfrom" value="<%=screen.inq.getCurrentDbRecord().getCscCalendar("CLASSDATEFRM").getDDMMYYYY()%>">
			<input type="hidden" name="__classto" value="<%=screen.inq.getCurrentDbRecord().getCscCalendar("CLASSDATETO").getDDMMYYYY()%>">
			<input type="hidden" name="__timestart" value="<%=screen.getString("TIMESTART")%>">
			<input type="hidden" name="__timestop" value="<%=screen.getString("TIMESTOP")%>">

			<%
				String trnid=screen.getString("TRAININGID");
				String qytStr=screen.getString("qtyvalid");
				String totalTraineeStr=screen.getDataLabel("TOTALRESERVER_APP");

				int qtyInt=Integer.parseInt(qytStr);
				int totalTrnInt=Integer.parseInt(totalTraineeStr);
				int result=qtyInt-totalTrnInt;

				DbInquiry db =  new InitialInquiry(screen.getUProfile()).getDbInquiry();
				db.initMyTable("htraintrnee","traineeid='"+screen.getUProfile().get("employeeid")+"' and companyid='"+screen.getUProfile().get("companyid")+"'","");
				db.setColumn("traineeid,trainingid,companyid");
				DbInquiry dbi =  new InitialInquiry(screen.getUProfile()).getDbInquiry("htraining");
				dbi.setColumn("trainingid,companyid,crsid");
				db.putChild(dbi);
				db.refresh();
				if(db.recCount()>0){
					while(db.next()){
						if(dbi.getString("crsid").equals(screen.getString("crsid"))){
						%>
							<script language="JavaScript">setIssameCrs()</script>
						<%
						}
					}
				}
				db.initMyTable("ttraintrnee","traineeid='"+screen.getUProfile().get("employeeid")+"' and companyid='"+screen.getUProfile().get("companyid")+"'","");
				db.setColumn("traineeid,trainingid,companyid");
				dbi.initMyTable("ttraining","","");
				dbi.setColumn("trainingid,companyid,crsid");
				db.putChild(dbi);
				db.refresh();
				if(db.recCount()>0){
					while(db.next()){
						if(dbi.getString("crsid").equals(screen.getString("crsid"))){
						%>
							<script language="JavaScript">setIssameCrs_tran('<%=dbi.getString("trainingid")%>')</script>
						<%
						}
					}
				}
			%>
		</form>
		<section>
			<div class="container csc-content">
				<div class="csc-block-white-crystal">
					<div class="center">
						<h2 swlang code='SW000694'><script language="JavaScript">swapLang('Training Reserve')</script></h2>
					</div>
					<div class="form-horizontal">
						<div class="row">
							<div class="form-group">
								<div class="col-md-1 col-sm-1 col-xs-1">
								</div>
								<div class="col-md-2 col-sm-2 col-xs-2">
									<label class="control-label label-right"><%=screen.getLabel("TRAININGID")%> :</label>
								</div>
								<div class="col-md-3 col-sm-3 col-xs-3">
									<p class="control-label"><%=screen.getString("TRAININGID")%> : <%=screen.getString("TRTITLE")%></p>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-2">
									<label class="control-label label-right"><%=screen.getLabel("CRSID")%> :</label>
								</div>
								<div class="col-md-3 col-sm-3 col-xs-3">
									<p class="control-label"><a href="javascript:viewCourse('<%=screen.getString("CRSID")%>');"><%=screen.getString("CRSID")%></a></p>
								</div>
							</div>
						</div>
						<% screen.referLangOff(); %>
						<div class="row">
							<div class="form-group">
								<div class="col-md-1 col-sm-1 col-xs-1">
								</div>
								<div class="col-md-2 col-sm-2 col-xs-2">
									<label class="control-label label-right"><%=screen.getLabel("MCOURSE","CRSDESC")%> :</label>
								</div>
								<div class="col-md-3 col-sm-3 col-xs-3">
									<p class="control-label"><%=screen.getDataLabel("MCOURSE","CRSDESC")%></p>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-2">
									<label class="control-label label-right"><%=screen.getLabel("MCOURSE","CRSEDESC")%> :</label>
								</div>
								<div class="col-md-3 col-sm-3 col-xs-3">
									<p class="control-label"><%=screen.getDataLabel("MCOURSE","CRSEDESC")%></p>
								</div>
							</div>
						</div>
						<% screen.referLangOn(); %>

						<div class="row">
							<div class="form-group">
								<div class="col-md-1 col-sm-1 col-xs-1">
								</div>
								<div class="col-md-2 col-sm-2 col-xs-2">
									<label class="control-label label-right"><%=screen.getLabel("MCOURSE","DETAIL")%> :</label>
								</div>
								<div class="col-md-3 col-sm-3 col-xs-3">
									<!--<label class="control-label" id="DETAIL" value="<%=screen.getDataLabel("MCOURSE","DETAIL")%>"><script language="javascript">replaceTexta("DETAIL");</script></label>-->
									<p class="control-label" id="DETAIL" ><%=screen.getDataLabel("MCOURSE","DETAIL")%></p>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-2">
									<label class="control-label label-right"><%=screen.getLabel("MCOURSE","OBJECTIVE")%> :</label>
								</div>
								<div class="col-md-3 col-sm-3 col-xs-3">
									<p class="control-label"><%=screen.getDataLabel("MCOURSE","OBJECTIVE")%></p>
								</div>
							</div>
						</div>
						<%
							String myStatus="";

							if (mytype.equals("defa")){
								myStatus="<span swlang code='SW012089'>Can Reserve</span>";
							} else if (mytype.equals("wait")){
								myStatus="<span swlang code='SW012090'>Wait Approve</span>";
							} else if (mytype.equals("app")){
								myStatus="<span swlang code='SW002211'>Approved</span>";
							} else if (mytype.equals("notapp")){
								myStatus="<span swlang code='SW003533'>Not Approved</span>";
							} else if(mytype.equals("timeout")){
								myStatus="<span swlang code='SW011727'>Out of date for Reserve</span>";
							}
						%>

						<div class="row">
							<div class="form-group">
								<div class="col-md-1 col-sm-1 col-xs-1">
								</div>
								<div class="col-md-2 col-sm-2 col-xs-2">
									<label class="control-label label-right"><script language="JavaScript">swapLang('Training Type')</script> :</label>
								</div>
								<div class="col-md-3 col-sm-3 col-xs-3">
									<p class="control-label" ><%=screen.getInquiry().getCurrentDbRecord().getSystemCode("TRAIN_TYPE")%></p>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-2">
									<label class="control-label label-right"><span swlang code='SW003085'><script language="JavaScript">swapLang('Training Reserve Status')</script></span> :</label>
								</div>
								<div class="col-md-3 col-sm-3 col-xs-3">
									<p class="control-label"><%=myStatus%></p>
								</div>
							</div>
						</div>

						<div class="row">
							<div class="form-group">
								<div class="col-md-1 col-sm-1 col-xs-1">
								</div>
								<div class="col-md-2 col-sm-2 col-xs-2">
									<label class="control-label label-right"><%=screen.getLabel("RESDATEFRM")%> :</label>
								</div>

								<div class="col-md-3 col-sm-3 col-xs-3">
									<p class="control-label" ><%=screen.getString("RESDATEFRM")%> &nbsp;To&nbsp; <%=screen.getString("RESDATETO")%></p>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-2">
									<label class="control-label label-right"><%=screen.getLabel("CLASSDATEFRM")%> :</label>
								</div>
								<div class="col-md-3 col-sm-3 col-xs-3">
									<p class="control-label">
									<a href="Javascript:viewTtraining_Time('<%=screen.getString("TRAININGID")%>');"><%=screen.getString("CLASSDATEFRM")%></a> &nbsp;To&nbsp; <a href="Javascript:viewTtraining_Time('<%=screen.getString("TRAININGID")%>');"><%=screen.getString("CLASSDATETO")%></a></p>
								</div>
							</div>
						</div>

						<div class="row">
							<div class="form-group">
								<div class="col-md-1 col-sm-1 col-xs-1">
								</div>
								<div class="col-md-2 col-sm-2 col-xs-2">
									<label class="control-label label-right"><script language="javascript">swapLang('Training Academy');</script> :</label>
								</div>

								<div class="col-md-3 col-sm-3 col-xs-3">
									<p class="control-label" ><a href="javascript:viewAcademy('<%=screen.getString("macademy","instid")%>');" class="linkimage"><%=screen.getString("macademy","instdesc")%></a><img src="<%=picture_aca%>" name="pic" width="0" height="0" border="0" onerror="this.src='../TRAINING/UPLOAD/PICTURE/ACADEMY/DEFAULT.jpg';"></p>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-2">
									<label class="control-label label-right"><%=screen.getLabel("CLASSHOUR")%> :</label>
								</div>
								<div class="col-md-3 col-sm-3 col-xs-3">
									<p class="control-label"><%=screen.getString("CLASSHOUR")%></p>
								</div>
							</div>
						</div>

						<div class="row">
							<div class="form-group">
								<div class="col-md-1 col-sm-1 col-xs-1">
								</div>
								<div class="col-md-2 col-sm-2 col-xs-2">
									<label class="control-label label-right"><script language="javascript">swapLang('Training Location');</script> :</label>
								</div>

								<div class="col-md-3 col-sm-3 col-xs-3">
									<p class="control-label" ><a href="javascript:viewLocation('<%=screen.getString("mtrlocation","locid")%>');"  class="linkimage"><%=screen.getString("mtrlocation","locdesc")%></a><img name="pic2" width="0" height="0" border="0" onerror="this.src='../TRAINING/UPLOAD/PICTURE/LOCATION/DEFAULT.jpg';"></p>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-2">
									<label class="control-label label-right"><script>swapLang('Remark')</script> :</label>
								</div>
								<div class="col-md-3 col-sm-3 col-xs-3">
									<p class="control-label"><%=screen.getString("MEMO")%></p>
								</div>
							</div>
						</div>

						<div class="row">
							<div class="form-group">
								<div class="col-md-1 col-sm-1 col-xs-1">
								</div>
								<div class="col-md-2 col-sm-2 col-xs-2">
									<label class="control-label label-right"><script language="javascript">swapLang('Training Room');</script> :</label>
								</div>

								<div class="col-md-3 col-sm-3 col-xs-3">
									<p class="control-label" ><a href="javascript:viewRoom('<%=screen.getString("mtrroom","roomid")%>');"  class="linkimage"><%=screen.getString("mtrroom","roomdesc")%></a><img name="pic3" width="0" height="0" border="0" onerror="this.src='../TRAINING/UPLOAD/PICTURE/ROOM/DEFAULT.jpg';"></p>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-2">
									<label class="control-label label-right"><script>swapLang('Trainer')</script> :</label>
								</div>
								<div class="col-md-3 col-sm-3 col-xs-3">
									<p class="control-label">
									<%
										screen.inq.getCurrentDbRecord().refreshChild("HTRAINTRNER");
										db=(DbInquiry)screen.inq.getCurrentDbRecord().getChild("HTRAINTRNER");
										if(db.recCount()>0){
											do{

									%>
												<div class="label-list"><a href="javascript:viewTrainer('<%=db.getString("TRAINERID")%>');" ><%=db.getString("MTRAINER","FULLNAME")%>&nbsp;<%=(db.getString("MAINTRNER").equals("1"))?("( "+screen.getLabel("HTRAINTRNER","MAINTRNER")+" )"):""%></a></div>
									<%
											}while(db.next());
										}

										DbInquiry db_res =  new InitialInquiry(screen.getUProfile()).getDbInquiry();
										DbInquiry db_app =  new InitialInquiry(screen.getUProfile()).getDbInquiry();
										DbInquiry db_emp =  new InitialInquiry(screen.getUProfile()).getDbInquiry();
										DbInquiry db_super= new InitialInquiry(screen.getUProfile()).getDbInquiry();

										db_super.initMyTable("msupervisor","supervisor like '%"+screen.getUProfile().get("employeeid")+"%'","");
										db_super.setColumn("employeeid,supervisor,compamyid");
										db_super.refresh();
										db_emp.initMyTable("memployee","","");
										db_emp.setColumn("employeeid,fname,lname,efname,elname,companyid");

									%>
									</p>
								</div>
							</div>
						</div>

						<div class="row">
							<div class="form-group">
								<div class="col-md-1 col-sm-1 col-xs-1">
								</div>
								<div class="col-md-2 col-sm-2 col-xs-2">
									<label class="control-label label-right">จำนวนสิทธิ์ทั้งหมด :</label>
								</div>
								<div class="clol-md-3 col-sm-3 col-xs-3">
									<p class="control-label"><%=screen.getDataLabel("qtyvalid")%> คน</p>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-2">
									<label class="control-label label-right">จำนวนผู้มีสิทธิ์เข้าอบรม :</label>
								</div>
								<div class="col-md-2 col-sm-2 col-xs-2">
									<p class="control-label"><%=totalTrnInt%> คน</p>
								</div>
							</div>
						</div>

						<div class="row">
							<div class="form-group">
								<div class="col-md-1 col-sm-1 col-xs-1">
								</div>
								<div class="col-md-2 col-sm-2 col-xs-2">
									<label class="control-label label-right">จำนวนสิทธิ์คงเหลือ :</label>
								</div>
								<div class="clol-md-3 col-sm-3 col-xs-3">
									<p class="control-label"><%=result%> คน</p>
								</div>
							</div>
						</div>

						<div class="row">
							<div class="form-group">
							</div>
						</div>

						<div class="row">
							<div class="form-group">
								<div class="col-md-5 col-sm-5 col-xs-5"></div>

								<div class="col-md-5 col-sm-5 col-xs-5">

								<%
									int submitstr=0;
									if ((mytype.equals("defa")) && (result>0)){
										submitstr=1;
								%>
										<p class="radio-inline">
											<input type="radio" name="restype" id="restype1" value="1" checked><script>swapLang('Self');</script>
										</p>
								<%
									}else {
								%>
										<label class="radio-inline">
											<input type="radio" name="restype" id="restype1" value="1" hidden>
										</label>
								<%
									}

									if ((db_super.recCount()>0) && (result>0) && !(mytype.equals("timeout") || mytype.equals("coming"))){
										submitstr=1;
								%>
										<p class="radio-inline">
											<input type="radio" name="restype" id="restype2" value="2" ><script type='text/javascript'>swapLang('Subordinate');</script>
										</p>
								<%
									}else{
								%>
										<label class="radio-inline">
											<input type="radio" name="restype" id="restype2" value="2" hidden>
										</label>
								<%
									}

								%>
								</div>
							</div>
						</div>

						<div class="row">
							<div class="form-group">
							</div>
						</div>

						<div class="row">
							<div class="form-group">
								<center>
									<%
									if (submitstr==1){
									%>
									<a href="javascript:goReserver();" class="btn btn-primary" swlang code="SW003055">Reserve</a>
									<%
										}
									%>
									<a href="TREMP002.jsp" class="btn btn-primary"><i class="fa fa-chevron-left"></i> <span swlang code="SW000119">ย้อนกลับ</span></a>
								</center>
							</div>
						</div>
					</div><!-- end form-->
				</div>

				<div class="csc-tab">
					<div class="csc-tab-head">
						<div class="csc-list-head tab-active" id="tab1" swlang code="SW003055"> Reserve</div>
						<div class="csc-list-head" id="tab2" swlang code="SW002211"> Approve</div>
					</div>
					<div class="csc-tab-body tab1 body-active">
						<table class="table table-head table-hover table-bordered table-content-center">
							<thead>
								<tr>
									<th swlang code="SW001393">ลำดับที่</th>
									<th swlang code="SW007745">ชื่อ - นามสกุล</th>
									<th swlang code="SW001948">วันที่จอง</th>
								</tr>
							</thead>
							<tbody>
								<%
									db_res.initMyTable("hreserver","trainingid='"+trnid+"' AND status='1' AND companyid='"+screen.getUProfile().get("companyid")+"'","");
									db_res.setColumn("reserverid,trainingid,companyid,resdate");
									db_res.putChild(db_emp);
									db_res.refresh();

									int num_res=1;
									if (db_res.recCount()>0){
										while (db_res.next()){
								%>
										<tr>
											<td><%=num_res%></th>
											<td><%=db_emp.getString("fullname")%></td>
											<td><%=db_res.getString("resdate")%></td>
										</tr>
								<%
										num_res++;
										}
									}else{
								%>
									<tr>
										<td colspan=3>ไม่พบข้อมูลการจอง</td>
									</tr>
								<%
									}
								%>
							</tbody>
						</table>
					</div>
					<div class="csc-tab-body tab2">
						<table class="table table-head table-hover table-bordered table-content-center">
							<thead>
								<tr>
									<th swlang code="SW001393">ลำดับที่</th>
									<th swlang code="SW007745">ชื่อ - นามสกุล</th>
									<th swlang code="SW001948">วันที่จอง</th>
								</tr>
							</thead>
							<tbody>
							<%
								db_app.initMyTable("hreserver","trainingid='"+trnid+"' AND status='2' AND companyid='"+screen.getUProfile().get("companyid")+"'","");
								db_app.setColumn("reserverid,trainingid,companyid,resdate");
								db_app.putChild(db_emp);
								db_app.refresh();

								int num_app=1;
								if (db_app.recCount()>0){
									while (db_app.next()){
							%>
										<tr>
											<td><%=num_app%></td>
											<td><%=db_emp.getString("fullname")%></td>
											<td><%=db_app.getString("resdate")%></td>
										</tr>
							<%
										num_app++;
									}
								}else {
							%>
									<tr>
										<td colspan=3>ไม่พบข้อมูลการจอง</td>
									</tr>
							<%
								}
							%>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<a href="#top" id="top-button">
				<i class="fa fa-angle-up"></i>
				<div class="top-word">Back to top</div>
			</a>
		</section>
		<jsp:include page="FOOTER.jsp" flush="true" />
	</body>
</html>