<%@page contentType="text/html; charset=UTF-8"%>
<%@page import="com.csc.library.entry.HelpEntry,com.csc.library.system.*,com.csc.library.utilities.*,com.csc.library.report.*"%>
<%@ page import="com.csc.library.entry.*,com.csc.library.database.*,com.csc.library.session.*" %>

<jsp:useBean id="MEMPL_RESERV" class="com.csc.library.system.Task" scope="page"/>
<%
		MEMPL_RESERV.setChannel(request,response);
		UIManager screen = (UIManager) MEMPL_RESERV.process("SingleEntry","MEMPL_RESERV");
		screen.referLangOff();
		CheckNull chk = new CheckNull(); 
		ReportUDF systemCode = new ReportUDF();
			CscCalendar calendar = new CscCalendar();
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="../CSS/TISCO.css" rel="stylesheet" type="text/css">
<script type='text/javascript' src='../JS/SCREEN.js'></script>
<script type='text/javascript' src='../JS/ICONSMENU.js'></script>
<script language="javascript" src="../JS/VIEWCALENDAR.js"></script>
<script language="javascript" src="../JS/DATEINPUT.js"></script>
 <script language="javascript">setLang('<%=screen.getUProfile().get("lang")%>');</script>
<script language="javascript">getTitleName();</script>
		<!--DWR INCLUDE-->
<script type='text/javascript' src='/hr/dwr/interface/SearchDWR.js'></script>
<script type='text/javascript' src='/hr/dwr/engine.js'></script>
<script type='text/javascript' src='/hr/dwr/util.js'></script>

<script language="javascript">
		ThaiCode[17] = '<%=(screen.getRecord().getParam().containsKey("errorMsg")?screen.getRecord().getParam("errorMsg"):"")%>';
		EngCode[17] = "Can't save data";

		function goHelp(helpName,inputName){
			with(document.cscform){
			var helpReturn;
			 if(inputName=="__assetid" ){
				 if(__astype.value !=''){
					__fixCon.value ="astype ='"+__astype.value+"'";
				 }
				helpReturn="__assetid:assetid,MASSET@TDESC,__reservation:reservation,__astype:astype";
			 } else if(inputName=="__astype")
				helpReturn="__astype:astypeid,MASSETTYPE@TDESC";
			 else if(inputName=="__owner_reserve"){
				__fixCon.value ='';
				 helpReturn="__owner_reserve:employeeid,MEMPLOYEE@FULLNAME";
			 } else if(inputName=="__cancel_reserve"){
				 helpReturn="__cancel_reserve:employeeid,MEMPLOYEE@FULLNAME$1";
				 //helpReturn="__cancel_reserve:employeeid,__mprefix:mprefix.tdesc,__fname:fname,__lname:lname";
			 }
			 if(inputName=="__assetid"){
				  linkHelp_Return_Reserv(helpName,helpReturn);
			}else{
				linkHelp_Return(helpName,helpReturn);
			 }
			 //linkHelp_Return(helpName,helpReturn);
			// linkHelp_Return_Reserv(helpName,helpReturn);
			}
		}



		function linkHelp_Return_Reserv(help,input, fixCon){
			with(document.cscform){
				var nInput = input;
				var filter = fixCon || __fixCon.value;
				if(input.indexOf(":")>0){
					nInput=input.substring(0,input.indexOf(":"));
				}
				obj = eval("document.cscform."+nInput);
				if((obj=="")||(obj.value=="")){
					var param="PRU084_RESERV.jsp?__helpName="+help+"&__helpReturn="+input+"&__pageCall="+__screen.value+"&__fixCon="+filter+"&__checkVerify=off";
				}else{
					var param="PRU084_RESERV.jsp?__helpName="+help+"&__helpReturn="+input+"&__pageCall="+__screen.value+"&__fixCon="+filter+"&__checkVerify=off"+"&__valueSearch="+obj.value;
				}
				//var param="PRU084.jsp?__helpName="+help+"&__helpReturn="+input+"&__pageCall="+__screen.value+"&__fixCon="+filter+"&__checkVerify=off";	
				win = window.open(param,"Help","left=150,top=150,width=600,height=400,toolbar=no,status=yes,scrollbars=yes,resizable=yes");
				if(window.focus){win.focus();}
			}
		}

		function checkStatus(){
			with(document.cscform){
			if(__reserveid.value==0){
				if (__reservation.value == 0){
					document.getElementById("AmmartD1").style.display="none";
					document.getElementById("AmmartD2").style.display="";
					__status[0].checked = false;
					__status[1].checked = false;
					__status[2].checked = false;
					__status[3].checked = true;
				}else{
					document.getElementById("AmmartD1").style.display="";
					document.getElementById("AmmartD2").style.display="none";
					__status[0].checked = false;
					__status[1].checked = true;
					__status[2].checked = false;
					__status[3].checked = false;
				}
			}
			}
		}

	function chkCancelReserv(){
			with(document.cscform){
				if(__status[1].checked){
					document.getElementById("cancelreserve").style.display="";
				}else if(__status[3].checked){
					document.getElementById("cancelreserve").style.display="";
				}else if(__status[0].checked){
					document.getElementById("cancelreserve").style.display="none";
				}else if(__status[2].checked){
					document.getElementById("cancelreserve").style.display="none";
				}
			}	
		}

		function GoSave(){
			with(document.cscform){
				var now_date = __myCalendar.value;//15-11-2010
					var key_date = __start_date.value;// สมมุติ 14-11-2010
					if(checkFdateEdate(now_date,key_date)){
					if(__start_date.value==__end_date.value){
						if(__start_time.value==__end_time.value){
							alert("กรุณาใส่เวลาที่ต้องการจอง/ ยืม !!");
						}else{
									if(__start_time.value =="23.59" || __end_time.value =="0.00"){
												alert("กรุณากรอกเวลาเริ่มต้นจะต้องไม่เท่ากับ 23.59 น. หรือเวลาที่สิ้นสุดต้องไม่เท่ากับ 00.00 น.!");
									}
									if(__status[1].checked || __status[3].checked){
										if(__cancel_reserve.value==""){
											alert("กรุณาระบุผู้ทำการยกเลิกการจอง / คืน ด้วย !!");
										}else if(__cancel_date.value==""){
											alert("กรุณาระบุวันที่ยกเลิกการจอง / คืน ด้วย !!");
										}else if(__cancel_time.value=""){
											alert("กรุณาระบุเวลายกเลิกการจอง / คืน ด้วย !!");
										}else{
											confirmSave();
										}
										}else{
												confirmSave();
								}
				
						}
					}else{
						if(__start_time.value =="23.59" || __end_time.value =="0.00"){
							alert("กรุณากรอกเวลาที่ต้องการจอง /ยืม!");
						}else{
								if(__status[1].checked || __status[3].checked){
									if(__cancel_reserve.value==""){
										alert("กรุณาระบุผู้ทำการยกเลิกการจอง / คืน ด้วย !!");
									}else if(__cancel_date.value==""){
										alert("กรุณาระบุวันที่ยกเลิกการจอง / คืน ด้วย !!");
									}else if(__cancel_time.value=""){
										alert("กรุณาระบุเวลายกเลิกการจอง / คืน ด้วย !!");
									}else{
										confirmSave();
									}
								}else{
										confirmSave();
								}
						}			
					}

					}else{
						alert("ห้ามทำรายการย้อนหลัง? กรุณาตรวจสอบวันที่ทำรายการ");
					}
			}
		//	confirmSave();
		}
		function GoUpdate(){update();}
		function GoDelete(){edelete();}
		function GoSearch(){search();}

		function searchAssetEmpty(){
	
			with(document.cscform){
				if(__astype.value=="" &&  __assetid.value==""){
					alert("กรุณาเลือกทรัพย์สิน !!");
				
			}else{
					var tempdate = __start_date.value.split("-");
					var start_date = tempdate[2]+"-"+tempdate[1]+"-"+tempdate[0];
					var tempend = __end_date.value.split("-");
					var end_date = tempend[2]+"-"+tempend[1]+"-"+tempend[0];
					var start_time = __start_time.value;
					var end_time = __end_time.value;

					var condition ="astype='"+__astype.value+"' and assetid not in (select assetid from mempl_reserv where astype='"+__astype.value+"' and ('"+start_date+"' between start_date and end_date or '"+end_date+"' between start_date and end_date) and (('"+start_date+"' = '"+end_date+"' and ((start_date = end_date and '"+start_time+"' >= start_time and '"+end_time+"' <= end_time) or (start_date <> end_date and (('"+start_date+"' = start_date and ('"+start_time+"' >= start_time or '"+end_time+"' >= start_time)) or ('"+end_date+"' = end_date and ('"+start_time+"' <= end_time or '"+end_time+"' <= end_time)))))) or('"+start_date+"' = '"+end_date+"' and '"+start_date+"' <> start_date and '"+end_date+"' <> end_date) or ('"+start_date+"' <> '"+end_date+"' and ((('"+start_date+"' = start_date and '"+start_time+"' > start_time) or ('"+start_date+"' = end_date and '"+start_time+"' < end_time)) or (('"+end_date+"' = start_date and '"+end_time+"' > start_time) or ('"+end_date+"' = end_date and '"+end_time+"' < end_time)))) or  ('"+start_date+"' <> '"+end_date+"' and '"+start_date+"' <> start_date and '"+start_date+"' <> end_date and '"+end_date+"' <> start_date and '"+end_date+"' <> end_date)))";

					deleteAll();

					SearchDWR.searchAll(new Array("masset","assetid,tdesc,reservation",condition,"assetid","langon"),
					function(data){
							var tbody = document.getElementById("viewasset");
							var tr = document.createElement("TR");
								tr.align = "center";
								var cell1 = document.createElement("TD");
								cell1.className = "column-header";
								cell1.innerHTML="รหัสทรัพย์สิน";
								
								var cell2 = document.createElement("TD");
								cell2.className = "column-header";
								cell2.innerHTML="ชื่อทรัพย์สิน";

								/*var cell3 = document.createElement("TD");
								cell3.className = "column-header";
								cell3.innerHTML="ใช้ระบบการจอง";*/

								tr.appendChild(cell1);
								tr.appendChild(cell2);
						//		tr.appendChild(cell3);
								tbody.appendChild(tr);

							for(var i=0; i<data.length; i++){
								var tr1 = document.createElement("TR");
								tr1.align = "center";
								var cell3 = document.createElement("TD");
								cell3.className = "column-text-center";
								//cell3.innerHTML=data[i][0];
								var linkCal1 = document.createElement("A");
								linkCal1.href = "JavaScript:setValue('"+data[i][0]+","+data[i][1]+","+data[i][2]+"');";
								linkCal1.appendChild( document.createTextNode(data[i][0]) );
								cell3.appendChild(linkCal1);

								var cell4 = document.createElement("TD");
								cell4.className = "column-text-center";
								cell4.innerHTML=data[i][1];

							/*	var cell5 = document.createElement("TD");
								cell5.className = "column-text-center";
								cell5.innerHTML=data[i][2];*/

								tr1.appendChild(cell3);
								tr1.appendChild(cell4);
						//		tr1.appendChild(cell5);
								tbody.appendChild(tr1);


						//	alert(data[i][0]+": "+data[i][1]);
						}

		
					}// end function
				);
			}
			}
	}

	function deleteAll() {
		var tbody = document.getElementById("viewasset");
		var row = tbody.rows.length-1;
		while (tbody.rows.length > 0) {
			tbody.deleteRow(row--);
		}
	}

		function setValue(obj){
		with(document.cscform){
			var data = obj.split(",");
			//alert(data[0]+"<<>>>"+data[1]);
				__assetid.value = data[0];
				document.getElementById("masset_tdesc").value =data[1];
				__reservation.value=data[2];
				if( data[2]==0){
					checkStatus();
					//__status[0].checked = true;

				}else if(data[2]==1){
					 checkStatus();
					//__status[3].checked = true;
				}

			//	__status.value= data[2];
			//	__status[0].checked = true;
				
		}
	}

	

</script>

<script language="JavaScript" type="text/JavaScript">
<!--

//-->
</script>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
<div class="centered">

<form name="cscform" method="post" action="PSN_RESERV.jsp">


<!----------BEGIN CSC INITIAL ZONE ------------------------>

<%=screen.InitialVariable()%>

<!----------END CSC INITIAL ZONE -------------------------->

<input type="hidden" name="__screen"  value="PSN_RESERV"> 
<input type="hidden" name="__help" value="">
<input type="hidden" name="__cmd"  value="">
<input type="hidden" name="__fixCon" value="">
<input type="hidden" name="__language" value="<%=screen.getUProfile().get("lang")%>">
<input type="hidden" name="__companyid" value='<%=screen.getUProfile().get("companyid")%>'> 
<input type="hidden" name="__notNull" value="<%=screen.getRequire()%>">
<input type="hidden" name="__user" value="<%=screen.getUProfile().getUserId()%>">
<input type="hidden" name="__referPage" value="">
<input type="hidden" name="__calendar" value="">
<input type="hidden" name="__reservation" value="">
<input type="hidden" name="__myCalendar" value="<%=calendar.getDDMMYYYY()%>">
<script language="JavaScript" >getInputFormatDate();</script>
<div align="center">
<script language="JavaScript" src="../JS/HOTKEY.js"></script>
<script language="javascript">
	var titlename=swap2String('Reservation Table');
	document.write(Icons("PSN_RESERV, "+titlename));
</script>

<br><br>
<table cellpadding="0" cellspacing="0" class="medium">
<tr> 
	<td class="header">PSN_RESERV, <script language="javascript">swapLang('Reservation Table');</script>&nbsp;</td>
</tr>
<tr> 
	<td colspan="2"><div align="center"> 
		<table cellpadding="0" cellspacing="0" class="inframe" >
		<tr> 
			<td height="12" colspan="2"  class="blankspace"></td>
		</tr>
		<tr> 
			<td align="right"><%=screen.getLabel("reserveid")%>&nbsp;</td>
			<td><%=screen.getInput("reserveid")%></td>
		</tr>
			<tr>
				<td align="right"><%=screen.getLabel("astype")%></td>
				<td><%=screen.getInput("astype")%><input type="text"  name="MASSETTYPE@TDESC" value="<%=screen.getDataLabel("MASSETTYPE","TDESC")%>" size="40" readOnly></td>
			</tr>
		<tr> 
			<td align="right"><%=screen.getLabel("assetid")%>&nbsp;</td>
			<td><%=screen.getInput("assetid")%><input type="text" id="masset_tdesc" name="MASSET@TDESC" value="<%=screen.getDataLabel("MASSET","TDESC")%>" size="40" readOnly></td>
			</tr>
		<tr> 
		<td align="right"><%=screen.getLabel("start_date")%>&nbsp;</td>
			<td><%=screen.getInput("start_date")%>&nbsp;<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image189','','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)" onClick="viewCal('__start_date');"><img src="../IMAGES/BUTTON/MAIN/CALENDAR20.gif" alt="Calendar" name="Image189" width="20" height="20" border="0" align="absmiddle"></a></td>
		</tr>
		<td align="right"><%=screen.getLabel("start_time")%>&nbsp;</td>
			<td><%=screen.getInput("start_time")%></td>
		</tr>
		<td align="right"><%=screen.getLabel("end_date")%>&nbsp;</td>
			<td><%=screen.getInput("end_date")%>&nbsp;<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image189','','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)" onClick="viewCal('__end_date');"><img src="../IMAGES/BUTTON/MAIN/CALENDAR20.gif" alt="Calendar" name="Image189" width="20" height="20" border="0" align="absmiddle"></a></td>
		</tr>
		<td align="right"><%=screen.getLabel("end_time")%>&nbsp;</td>
			<td><%=screen.getInput("end_time")%></td>
		</tr>
		<tr> 
			<td align="right"><%=screen.getLabel("owner_reserve")%>&nbsp;</td>
			<td>
			   <%=screen.getInput("owner_reserve")%><input type="text" name="MEMPLOYEE@FULLNAME" size="40" value="<%=screen.getDataLabel("memployee","fullname")%>" disabled> </td>
		</tr>
		<tr> 
			<td align="right"><%=screen.getLabel("status")%>&nbsp;</td>
		<!--<td><%//=screen.getInput("status")%></td> -->
	
			<td id="AmmartD1" style="<%=(screen.getDataLabel("STATUS").equals("2") || screen.getDataLabel("STATUS").equals("3")?"display:none":"")%>">
				<INPUT TYPE='radio' NAME='__status' VALUE='0' <%=(screen.getDataLabel("STATUS").equals("0")?"CHECKED":"")%> onClick="chkCancelReserv();"><%=systemCode.getSystemCode("RESERV",screen.getUProfile().get("lang"),"0")%>
				<INPUT TYPE='radio' NAME='__status' VALUE='1' <%=(screen.getDataLabel("STATUS").equals("1")?"CHECKED":"")%> onClick="chkCancelReserv();"><%=systemCode.getSystemCode("RESERV",screen.getUProfile().get("lang"),"1")%>
			</td>

			<td id="AmmartD2" style="<%=(screen.getDataLabel("STATUS").equals("2") || screen.getDataLabel("STATUS").equals("3")?"":"display:none")%>">
				<INPUT TYPE='radio' NAME='__status' VALUE='2' <%=(screen.getDataLabel("STATUS").equals("2")?"CHECKED":"")%> onClick="chkCancelReserv();"><%=systemCode.getSystemCode("RESERV",screen.getUProfile().get("lang"),"2")%>
				<INPUT TYPE='radio' NAME='__status' VALUE='3' <%=(screen.getDataLabel("STATUS").equals("3")?"CHECKED":"")%> onClick="chkCancelReserv();"><%=systemCode.getSystemCode("RESERV",screen.getUProfile().get("lang"),"3")%>
			</td>
		</tr>


		<tbody id="cancelreserve" style="display:none">
					<tr> 
						<td align="right"><%=screen.getLabel("cancel_reserve")%>&nbsp;</td>
						<td>
						   <%=screen.getInput("cancel_reserve")%><input type="text" name="MEMPLOYEE@FULLNAME$1" size="40" value="<%=screen.getDataLabel("v1memployee","fullname")%>" disabled></td>
					</tr>
					<tr> 
					<td align="right"><%=screen.getLabel("cancel_date")%>&nbsp;</td>
						<td><%=screen.getInput("cancel_date")%>&nbsp;<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image189','','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)" onClick="viewCal('__cancel_date');"><img src="../IMAGES/BUTTON/MAIN/CALENDAR20.gif" alt="Calendar" name="Image189" width="20" height="20" border="0" align="absmiddle"></a></td>
					</tr>
					<tr> 
					<td align="right"><%=screen.getLabel("cancel_time")%>&nbsp;</td>
						<td><%=screen.getInput("cancel_time")%></td>
					</tr>
					
		</tbody>


		<tr> 
		<td align="right"><%=screen.getLabel("remarks")%>&nbsp;</td>
			<td><%=screen.getInput("remarks")%></td>
		</tr>
		<tr>
		<td colspan="2">&nbsp;&nbsp;<div align="center"><a href="javascript:searchAssetEmpty();"><img src="../IMAGES/BUTTON/VIEW.gif" width="73" height="23" border="0"></a></div>&nbsp;&nbsp;</td>
		</tr>
		<tr>
			<td colspan="2">
					 <table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#333333" id="rsTable" name="rsTable" cols=6 class="inframe">
						<tbody id="viewasset">
						</tbody>
					</table>
			</td>
		</tr>
		<tr>
			<td colspan="2" class="blankspace"></td>
		</tr>
		<tr> 
			<td colspan="2" >
				<table cellpadding="0" cellspacing="0" >
				<tr> 
					<td align="right">
						<script language="javascript">printEditCheck('<%=screen.getDataLabel("edit_by")%>','<%=screen.getDataLabel("edit_date")%>','<%=screen.getDataLabel("edit_time")%>','<%=screen.getDataLabel("approve")%>');
						</script>&nbsp;</td>
				</tr>
				</table>			</td>
		</tr>
		<tr> 
			<td colspan="2" class="blankspace"></td>
		</tr>
		</table>
	</div></td>
</tr>
<tr> 
	<td  class="bottom"></td>
</tr>
</table>
</div>

<%
	screen.referLangOff();
	if(request.getParameter("__cmd")!=null && !request.getParameter("__cmd").equals("")){
%>
<script language="javascript">chkCancelReserv();</script>
<%
	}
%>
<!----------BEGIN CSC ENDING ZONE ------------------------>

<%=screen.endJSP()%>

<!----------END CSC ENDING ZONE -------------------------->

</FORM>
</body>

</html>