<%@page contentType="text/html; charset=UTF-8"%>
<%@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.*"  %>
<jsp:useBean id="PSU117E" class="com.csc.library.system.Task" scope="page"/>
<%

	PSU117E.setChannel(request,response);
	UIManager screen = (UIManager) PSU117E.process("ChildEntry","MEMPL_FAMILY");

	DbInquiry dbi2=(DbInquiry)screen.getTable("mempl_family").getChild("mprovince");
	dbi2.getCurrentDbRecord().setProperties(true);

	String checksave=request.getParameter("__checksave");
	screen.referLangOff();
	CheckNull chk = new CheckNull();

%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html ng-app="myHR">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="../CSS/TISCO.css" rel="stylesheet" type="text/css">
<link href="../CSS/bootstrap.css" rel="stylesheet"  type="text/css">
<link href="../CSS/bootstrap_csc_backend.css" rel="stylesheet"  type="text/css">
<script type="text/javascript" src="../JS/jquery-2.1.3.min.js"></script>
<script type='text/javascript' src="../JS/bootstrap.js"></script>
<script type='text/javascript' src='../JS/SCREEN.js'></script>
<script src="../JS/angular-1.3.15/angular.js" type="text/javascript"></script>
<script src="../JS/ANGULAR/SCREEN_ANGULAR.js" type="text/javascript"></script>
<script src="../JS/VIEWCALENDAR.js"></script>
<script language="javascript">setLang('<%=screen.getUProfile().get("lang")%>');
function goSave() {confirmSave();}
function goSearch() {search();}
function goDelete() {edelete();}
function goUpdate() {update();}
function checkCF() {checkConfirm();}
function back(){
		with(window.opener.document.cscform){
			__cmd.value = 'ack';
	    	submit();
		}
	}

	function linkHelp(helpName,inputName){
	  with(document.cscform){
		var helpReturn="";
			if(inputName=="__occupation" )
				helpReturn="__occupation:ocupid,MOCUP_FAMILY@EDESC";
			 linkHelp_Return(helpName,helpReturn);
		}
	}
	function goHelp(helpName,inputName){
		with(document.cscform){
			__fixCon.value="";
			var helpReturn;
			if(inputName=="__relationid" ){
				helpReturn="__relationid:relationid,MRELATION@EDESC";
			}else if(inputName=="__family_prefix" ){
				helpReturn="__family_prefix:prefixid,MPREFIX@EDESC";
			}else if(inputName=="__occupation" ){
				helpReturn="__occupation:occid,MOCCUPATION@EDESC";
			}else if(inputName=="__province" ){
				helpReturn="__province:provinceid,MPROVINCE@LONG_TNAME";

			}else if (inputName=="__zipcode" ){
				helpReturn="__zipcode:zipcode,__districtid:districtid,MDISTRICT@TDESC,MPROVINCE@LONG_TNAME";
				if(__districtid.value!=""){
					__fixCon.value="districtid='"+__districtid.value+"'";
				}
			}else if( inputName=="__districtid" ){
				helpReturn = "__districtid:districtid,MDISTRICT@TDESC,MPROVINCE@LONG_TNAME";
				if(__zipcode.value!=""){
					__fixCon.value="districtid in (select districtid from mzipcode where zipcode='"+__zipcode.value+"')";
				}
			}else if (inputName=="__employeeid" ){
				  helpReturn="__tvillage:tvillage,__troom_no:troom_no,__tfloor:tfloor,__taddr:taddr,__tsoi:tsoi,__tmoo:tmoo,__troad:troad,__tsubdistrict:tsubdistrict,__districtid:districtid,MDISTRICT@TDESC,MPROVINCE@LONG_TNAME,__zipcode:zipcode,__evillage:evillage,__eroom_no:eroom_no,__efloor:efloor,__eaddr:eaddr,__esoi:esoi,__emoo:emoo,__eroad:eroad,__esubdistrict:esubdistrict,,MDISTRICT@EDESC,MPROVINCE@LONG_ENAME,__tel:tel";

			}
			//linkHelp_Return(helpName,helpReturn);
			linkHelp_Return(helpName,helpReturn,inputName);
			 //__fixCon.value="";
		}
	}

	function linkHelp_Return(help,input,inputname){
	with(document.cscform){
	//	var obj = eval("document.cscform."+inputname);

		if (__fixCon.value!="")
			__fixCon.value=__fixCon.value
			var obj = "";
			var nInput = input;
			if(input.indexOf(":")>0){
				nInput=input.substring(0,input.indexOf(":"));
				obj = eval("document.cscform."+nInput);
			}
			if(help=="MDISTRICTHELP" || help=="MZIPCODEHELP"){
				var param="PRU084.jsp?__helpName="+help+"&__helpReturn="+input+"&__pageCall="+__screen.value+"&__fixCon="+__fixCon.value+"&__checkVerify=off&__langOn=false";
			}else if(obj=="" || obj.value==""){
				var param="PRU084.jsp?__helpName="+help+"&__helpReturn="+input+"&__pageCall="+__screen.value+"&__fixCon="+__fixCon.value+"&__checkVerify=off&__langOn=false";
			}else{
				var param="PRU084.jsp?__helpName="+help+"&__helpReturn="+input+"&__pageCall="+__screen.value+"&__fixCon="+__fixCon.value+"&__checkVerify=off"+"&__valueSearch="+obj.value+"&__langOn=false";
			}
			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();}



			/*
		if(input=="__zipcode:zipcode,CSCZIPCODE@ZIPCODE,CSCZIPCODE@TAMPHUR,__amphur,CSCZIPCODE@EAMPHUR,MPROVINCE@LONG_TNAME,MPROVINCE@LONG_ENAME")
			var param="PRU084.jsp?__helpName="+help+"&__helpReturn="+input+"&__pageCall="+__screen.value+"&__fixCon="+__fixCon.value+"&__checkVerify=off&__langOn=false";
		else
			var param="PRU084.jsp?__helpName="+help+"&__helpReturn="+input+"&__pageCall="+__screen.value+"&__fixCon="+__fixCon.value+"&__checkVerify=off";

		if (obj.value != "")
			param = param+"&__valueSearch="+obj.value;
		window.open(param,"Help","left=150,top=150,width=600,height=400,toolbar=no,status=yes,scrollbars=yes,resizable=yes");
		*/
	}
}
/*
function deleteFile(filename,fieldname){
 	  if(filename !=""){
	      window.open("PRU0602.jsp?__fileName="+filename+"&__fieldName="+fieldname,"Help","left=150,top=150,width=500,height=200,toolbar=no,status=yes,scrollbars=yes");
	  }
}

function  uploadProfile(pages){
    with(document.cscform){
		param=pages+"?__picture="+__picture.value;
		  param+="&__picture="+__picture.value;
		   window.open(param,"Help","left=150,top=150,width=600,height=400,toolbar=no,status=yes,scrollbars=yes");
	}
}
*/


function  uploadProfile(fieldName){
    with(document.cscform){
		param="UPLOADFILE.jsp?__fieldName=" +fieldName +"&__uploadType=DOCUMENT";
		window.open(param,"","left=150,top=150,width=600,height=400,toolbar=no,status=yes,scrollbars=yes");
	}
}

/*function deleteFile(fileName, fieldName){
	  if(fileName != ""){
		param="DELETEFILE.jsp?__fieldName=" +fieldName +"&__fileName=" +fileName +"&__uploadType=DOCUMENT";
		window.open(param,"","left=150,top=150,width=600,height=400,toolbar=no,status=yes,scrollbars=yes");
	  }
}*/

function getAge()
	{
		var initDate=document.cscform.__birthday.value.substr(document.cscform.__birthday.value.lastIndexOf("-")+1,document.cscform.__birthday.value.length);
		//alert(document.cscform.__currentDate.value+" "+initDate);
		//returnAge=eval(document.cscform.__currentDate.value - initDate);
		document.cscform.age.value=eval(document.cscform.__currentDate.value - initDate)+" ปี";
	}

function getAge1(d)
	{
		dd=d.value;
		cDate= new Date();
		inYear=dd.subString(dd.lastIndexOf("-"),4);
	}


</script>


</head>
<body  leftmargin="0" topmargin="0" >
<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
<script language="javascript">initToolTips();</script>
<form name="cscform" method="get" action="">

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

  <%=screen.InitialVariable()%>

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

  	<input type="hidden" name="__cmd" value="">
	<input type="hidden" name="__sysisedit" value="">
	<input type="hidden" name="__cmdchild">
	<input type="hidden" name="__ack" value="<%=request.getParameter("__ack")%>">
	<input type="hidden" name="__referPage" value="">
	<input type="hidden" name="__fixCon" value="">
	<input type="hidden" name="__help" value="">
	<input type="hidden" name="__notNull" value="<%=screen.getRequire()%>">
	<input type="hidden" name="__screen" value="PSU117E">
	<input type="hidden" name="__companyid"  value='<%=screen.getUProfile().get("companyid")%>'>
	<input type="hidden" name="__employeeid" value="<%=request.getParameter("__employeeid")%>">
	<input type="hidden" name="__language" value ="<%=screen.getUProfile().get("lang")%>">
	<input type="hidden" name="__lastrec" value="<%=request.getParameter("__lastrec")%>">
	<input type="hidden" name="__maxrec" value="<%=screen.getTable("MEMPL_FAMILY").recCount()%>">
	<input type="hidden" name="__gorec" value="<%=request.getParameter("__gorec")%>">
	<input type="hidden" name="__headMulti" value="<%=request.getParameter("__headMulti")%>">
	<input type="hidden" name="__calendar">
	<input type="hidden" name="__headMulti" value="<%=request.getParameter("__headMulti")%>">
	<input type="hidden" name="__RecNo" value="<%=request.getParameter("__RecNo")%>">
	<input type="hidden" name="__currentDate" value="<%=new CscCalendar().getEngYYYY()%>">
	<script language="javascript">getInputFormatDate();</script>
	<%
			int lineno=1;
			lineno = Integer.parseInt(chk.chkNullString(request.getParameter("__line_no"),"1"));

			if (request.getParameter("__ack").trim().equals("edit")) {
			   	lineno = Integer.parseInt(chk.chkNullString(request.getParameter("__gorec"),"1"));

			}else	if(request.getParameter("__ack").equals("add")){
				lineno++;
		   }
	%>
	<input type="hidden" name="__line_no" value="<%=lineno%>">
  <br>
  <div align="center">
    <table  cellpadding="0"  cellspacing="0">
      <tr >
        <td  class="header">PSU117E,
          <!-- <script language="javascript">swapLang('Family Background Detail');</script> -->
          <span swlang code="SW004943">Family Background Detail</span> &nbsp;&nbsp;</td>
      </tr>
      <tr >
        <td  colspan="2">
            <table  cellpadding="0" cellspacing="0" class="maxsize" >
			<tr>
			<td colspan="4"  class="blankspace"></td>
			</tr>
			<tr>
			<td class="columnlabel"><%=screen.getLabel("relationid")%>&nbsp;</td>
				<td colspan="3"><%=screen.getInput("relationid")%>
				<%screen.referLangOn();%>
				<input name="MRELATION@EDESC" type="text" value="<%=screen.getDataLabel("mrelation","EDESC")%>"  size="20" disabled></td>
				<%screen.referLangOff();%>
			</tr>
			<tr>
				<td class="columnlabel"><%=screen.getLabel("prefix")%>&nbsp;</td>
				<td colspan="3"><%=screen.getInput("prefix")%></td>
			</tr>
			<tr>
				<td class="columnlabel"><%=screen.getLabel("fnameid")%>&nbsp;</td>
				<td colspan="3"><%=screen.getInput("fnameid")%>&nbsp;<%=screen.getLabel("lname")%>&nbsp;<%=screen.getInput("lname")%></td>
			</tr>
			<tr>
				<td class="columnlabel"><%=screen.getLabel("efname")%>&nbsp;</td>
				<td colspan="3"><%=screen.getInput("efname")%>&nbsp;<%=screen.getLabel("elname")%>&nbsp;<%=screen.getInput("elname")%></td>
			</tr>
			<tr>
				<td class="columnlabel"><%=screen.getLabel("occupation")%>&nbsp;</td>
				<td colspan="3"><%=screen.getInput("occupation")%>
				<input type="text" name="MOCCUPATION@EDESC" disabled value="<%=screen.getDataLabel("MOCCUPATION","TDESC")%>" size="30"></td>
			</tr>
			<%screen.referLangOn();%>
			<tr>
				
				<td class="columnlabel"><%=screen.getLabel("idcard")%>&nbsp;</td>
				<td colspan="3"><%=screen.getInput("idcard")%></td>
			</tr>
			<tr>
				<td class="columnlabel"><%=screen.getLabel("birthday")%>&nbsp; </td>
				<td width="197" ><%=screen.getInput("birthday")%> <a href="javascript:;" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image19','','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)" onClick="viewCal('__birthday')"> <img src="../IMAGES/BUTTON/MAIN/CALENDAR20.gif" alt="Calendar" name="Image19" width="20"  border="0" align="absmiddle"> </a> </td>
				<td width="100" align="right"><span swlang code="SW000172">Age</span>&nbsp;</td>
				<td width="193" ><input name="age" type="text"  size="20" onFocus="javascript:getAge();"  readonly value=""></td>
			</tr>
			<tr>
				<td class="columnlabel"><%=screen.getLabel("status")%>&nbsp;</td>
				<td colspan="3"><%=screen.getInput("status")%></td>
			</tr>
			<tr>
				<td class="columnlabel"><%=screen.getLabel("stat_marry")%>&nbsp;</td>
				<td colspan="3"><%=screen.getInput("stat_marry")%></td>
			</tr>
			<tr>
				<td class="columnlabel">&nbsp;</td>
				<td  colspan="3"><%=screen.getLabel("year_marry")%>&nbsp;<%=screen.getInput("year_marry")%></td>
			</tr>
			<tr>
				<td class="columnlabel"><%=screen.getLabel("stat_study")%>&nbsp;</td>
				<td colspan="3"><%=screen.getInput("stat_study")%></td>
			</tr>
			<tr>
				<td  class="columnlabel"><%=screen.getLabel("isguarantor")%>&nbsp;</td>
				<td colspan="3" class="columnobject1"><%=screen.getInput("isguarantor")%></td>
			</tr>
			<tr>
				<td  class="columnlabel"><%=screen.getLabel("guarantydate")%>&nbsp;</td>
				<td colspan="3" class="columnobject1"><%=screen.getInput("guarantydate")%> <a href="javascript:;" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image19','','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)" onClick="viewCal('__guarantydate')"><img src="../IMAGES/BUTTON/MAIN/CALENDAR20.gif" alt="Calendar" name="Image19" width="20"  border="0" align="absmiddle"></a> </td>
			</tr>
			<tr>
				<td  class="columnlabel"><%=screen.getLabel("guarantytitle")%>&nbsp;</td>
				<td colspan="3" class="columnobject1"><%=screen.getInput("guarantytitle")%></td>
			</tr>
			<tr>
				<td class="columnlabel">
				<span swlang code="SW011917">Copy Address</span>&nbsp;</td>
				<td colspan="3" class="columnobject1"><a href="javascript:goHelp('MEMPL_ADDRHELP','__employeeid');" onmouseout="MM_swapImgRestore()" ><img src="../IMAGES/MYNOTE/COMMENT20.gif" alt="SEARCH" name="__employeeid_image" width="20" height="20" border="0" align="absmiddle"></a></td>
			</tr>
			<% screen.referLangOff(); %>
			<tr>
				<td  class="columnlabel"><%=screen.getLabel("tvillage")%>&nbsp;</td>
				<td colspan="3" class="columnobject1"><%=screen.getInput("tvillage")%> </td>
			</tr>
			<tr>
				<td  class="columnlabel"><%=screen.getLabel("troom_no")%>&nbsp;</td>
				<td colspan="3" class="columnobject1"><%=screen.getInput("troom_no")%></td>
			</tr>
			<tr>
				<td  class="columnlabel"><%=screen.getLabel("tfloor")%>&nbsp;</td>
				<td colspan="3" class="columnobject1"><%=screen.getInput("tfloor")%></td>
			</tr>
			<tr>
				<td  class="columnlabel"><%=screen.getLabel("taddr")%>&nbsp;</td>
				<td colspan="3" class="columnobject1"><%=screen.getInput("taddr")%></td>
			</tr>
			<tr>
				<td  class="columnlabel"><%=screen.getLabel("tsoi")%>&nbsp;</td>
				<td colspan="3" class="columnobject1"><%=screen.getInput("tsoi")%></td>
			</tr>
			<tr>
				<td  class="columnlabel"><%=screen.getLabel("tmoo")%>&nbsp;</td>
				<td colspan="3" class="columnobject1"><%=screen.getInput("tmoo")%></td>
			</tr>
			<tr>
				<td  class="columnlabel"><%=screen.getLabel("troad")%>&nbsp;</td>
				<td colspan="3" class="columnobject1"><%=screen.getInput("troad")%> </td>
			</tr>
			<tr>
				<td align = "right" ><%=screen.getLabel("tsubdistrict")%>&nbsp;</td>
				<td align = "left" ><%=screen.getInput("tsubdistrict")%></td>
			</tr>
			<tr>
				<td align="right"><%=screen.getLabel("mdistrict","tdesc")%>&nbsp;</td>
				<td align="left"><%=screen.getInput("districtid")%><a href=""  onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('IMAGE10_deldis','','../IMAGES/BUTTON/SWAP/DEL_SWAP24.gif',1)"><img src="../IMAGES/BUTTON/MAIN/DEL24.gif" title="Delete" alt="Delete" name="IMAGE10_deldis" width="20" height="20" border="0" align="absmiddle" id="IMAGE10_deldis" onclick="clearSearch('__districtid,MDISTRICT@TDESC,MPROVINCE@LONG_TNAME')"></a>
				<input name="MDISTRICT@TDESC"  type="text" size="30" readonly value="<%=screen.getDataLabel("mdistrict","tdesc")%>"></td>
			</tr>
			<tr>
				<td align="right"><%=screen.getLabel("mprovince","long_tname")%>&nbsp;</td>
				<td align="left"><input name="MPROVINCE@LONG_TNAME"  type="text" size="30" readonly value="<%=screen.getDataLabel("mprovince","long_tname")%>"></td>
			</tr>
			<tr>
				<td align="right"><%=screen.getLabel("zipcode")%>&nbsp;</td>
				<td align="left"><%=screen.getInput("zipcode")%><a href=""  onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('IMAGE10_delzip','','../IMAGES/BUTTON/SWAP/DEL_SWAP24.gif',1)"><img src="../IMAGES/BUTTON/MAIN/DEL24.gif" title="Delete" alt="Delete" name="IMAGE10_delzip" width="20" height="20" border="0" align="absmiddle" id="IMAGE10_delzip" onclick="clearSearch('__zipcode')"></a></td>
			</tr>
			<tr>
				<td  class="columnlabel"><%=screen.getLabel("evillage")%>&nbsp;</td>
				<td colspan="3" class="columnobject1"><%=screen.getInput("evillage")%> </td>
			</tr>
			<tr>
				<td  class="columnlabel"><%=screen.getLabel("eroom_no")%>&nbsp;</td>
				<td colspan="3" class="columnobject1"><%=screen.getInput("eroom_no")%></td>
			</tr>
			<tr>
				<td  class="columnlabel"><%=screen.getLabel("efloor")%>&nbsp;</td>
				<td colspan="3" class="columnobject1"><%=screen.getInput("efloor")%></td>
			</tr>
			<tr>
				<td  class="columnlabel"><%=screen.getLabel("eaddr")%> &nbsp;</td>
				<td colspan="3" class="columnobject1"><%=screen.getInput("eaddr")%> </td>
			</tr>
			<tr>
				<td  class="columnlabel"><%=screen.getLabel("esoi")%>&nbsp;</td>
				<td colspan="3" class="columnobject1"><%=screen.getInput("esoi")%> </td>
			</tr>
			<tr>
				<td  class="columnlabel"><%=screen.getLabel("emoo")%>&nbsp;</td>
				<td colspan="3" class="columnobject1"><%=screen.getInput("emoo")%></td>
			</tr>
			<tr>
				<td  class="columnlabel"><%=screen.getLabel("eroad")%>&nbsp;</td>
				<td colspan="3" class="columnobject1"><%=screen.getInput("eroad")%> </td>
			</tr>
			<tr>
				<td  class="columnlabel"><%=screen.getLabel("esubdistrict")%>&nbsp;</td>
				<td colspan="3" class="columnobject1"><%=screen.getInput("esubdistrict")%> </td>
			</tr>
			<tr>
				<td class="columnlabel"><%=screen.getLabel("mdistrict","edesc")%>&nbsp;</td>
				<td class="columnobject1"><input name="MDISTRICT@EDESC"  type="text" size="30" readonly value="<%=screen.getDataLabel("mdistrict","edesc")%>"></td>
			</tr>
			<tr>
				<td class="columnlabel"><%=screen.getLabel("mprovince","long_ename")%>&nbsp;</td>
				<td class="columnobject1"><input name="MPROVINCE@LONG_ENAME"  type="text" size="30" readonly value="<%=screen.getDataLabel("mprovince","long_ename")%>"></td>
			</tr>
			<tr>
				<td class="columnlabel">&nbsp;<%=screen.getLabel("tel")%>&nbsp;</td>
				<td colspan="3"><%=screen.getInput("tel")%>&nbsp;&nbsp;<%=screen.getLabel("fax")%>&nbsp;<%=screen.getInput("fax")%></td>
			</tr>
			<tr>
				<td class="columnlabel"><%=screen.getLabel("picture")%>&nbsp;</td>
				<td colspan="3" class="columnobject1"><%=screen.getInput("picture")%>&nbsp;</td>
			</tr>
			<tr>
				<td colspan="4" class="blankspace"></td>
			</tr>
			<tr>
				<td  class="blankspace" colspan="4"></td>
			</tr>

							<tr>
								<td  class="buttonline" colspan="7"><div align="center">
									<button type="button" class="btn btn-primary width100" swlang code="SW013169" onClick="saveChild();">OK</button>&nbsp;
									<button type="button" class="btn btn-primary width100" swlang code="SW013174" onClick="backhead();">BACK</button>
								</div>
								</td>
							</tr>
			<tr>
				<td colspan="4" class="blankspace"></td>
			</tr>
		</table></td>
	</tr>
	<tr>
		<td  class="bottom"></td>
	</tr>
	</table>
</div>
<%
if((request.getParameter("__cmdchild")!=null)&&(!request.getParameter("__cmdchild").equals(""))){%>
<script language="javascript">back();</script>
<%}%>
</form>
</body>
</html>
<script language="javascript">getAge();</script>