<!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.*"  %>
<%@ include file="../CHECKPROFILE.jsp" %>
<% request.setCharacterEncoding("UTF-8"); %>
<jsp:useBean id="EMV" class="com.csc.library.system.Task" scope="page"/>
<jsp:setProperty name="EMV" property="appname" value="empview" />
<%
	EMV.setChannel(request, response);
	UIManager screen = (UIManager) EMV.process("SingleEntry","CSO11");
	if(screen==null){
		return;
	}
	screen.referLangOff();
	CheckNull chk = new CheckNull();
	String cus="";
	String data="";
	String hlep_cus= chk.chkNullString(request.getParameter("__help"));
	DbInquiry inq_curexpdetail;

%>
<%		
	if(!chk.chkNullString(request.getParameter("__help"),"").equals("")) {
		cus = chk.chkNullString(request.getParameter("__help")).split("#")[1].replace(";","");
		//out.print(cus.split("#")[1].replace(";",""));
		//out.print("<br><br><br>555=="+cus);
		if(!cus.equals("")){
			DbInquiry inq =new InitialInquiry( screen.getUProfile() ).getDbInquiry( "MCLIENT" );
			inq.setColumn("*");
			inq.setFilter("cus_companyid = '"+cus+"'");
			inq.refresh();
			while(inq.next()){
				 data +=inq.getString("clientid")+"#"+inq.getString("emp_prefix")+"#"+inq.getString("fname")+"#"+inq.getString("lname")+"#"+inq.getString("position")+"#"+inq.getString("tel")+",";
				
		}
		}
	}
	else if (!chk.chkNullString(request.getParameter("__cus_companyid")).equals("")){
		cus = chk.chkNullString(request.getParameter("__cus_companyid"));
		//out.print(cus.split("#")[1].replace(";",""));
		//out.print("<br><br><br>555=="+cus);
		if(!cus.equals("")){
			DbInquiry inq =new InitialInquiry( screen.getUProfile() ).getDbInquiry( "MCLIENT" );
			inq.setColumn("*");
			inq.setFilter("cus_companyid = '"+cus+"'");
			inq.refresh();
			while(inq.next()){
				 data +=inq.getString("clientid")+"#"+inq.getString("emp_prefix")+"#"+inq.getString("fname")+"#"+inq.getString("lname")+"#"+inq.getString("position")+"#"+inq.getString("tel")+",";
				
		}
		}
		
	}
%>

<html xmlns="http://www.w3.org/1999/xhtml" ng-app="myHR">
	<head>

		<title>Employee View</title>

		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

	</head>
	<body>
		<div class="bg-com"></div>
		<jsp:include page="EMV_HEADMENU.jsp" flush="true" />
		
		<script type="text/javascript">
			setLang("<%=screen.getUProfile().get("lang")%>");
			var swap = new swaplang();
            var titlename = swap.swap2String("SW012333");
			setPageTitle(titlename);
		
			$(document).ready(function(){
				$("input[name=__tfac]").addClass("form-control");
				$("input[name=__tname]").addClass("form-control");
				$("input[name=__tvillage]").addClass("form-control");
				$("input[name=__ename]").addClass("form-control");
				$("input[name=__troom_no]").addClass("form-control");
				$("input[name=__tfloor]").addClass("form-control");
				$("input[name=__taddr]").addClass("form-control");
				$("input[name=__tsoi]").addClass("form-control");
				$("input[name=__tmoo]").addClass("form-control");
				$("input[name=__troad]").addClass("form-control");
				$("input[name=__tdistrict]").addClass("form-control");
				$("input[name=__amphur]").addClass("form-control");
				$("input[name=__province]").addClass("form-control");
				$("input[name=__efac]").addClass("form-control");
				$("input[name=__evillage]").addClass("form-control");
				$("input[name=__eroom_no]").addClass("form-control");
				$("input[name=__efloor]").addClass("form-control");
				$("input[name=__eaddr]").addClass("form-control");
				$("input[name=__esoi]").addClass("form-control");
				$("input[name=__emoo]").addClass("form-control");
				$("input[name=__eroad]").addClass("form-control");
				$("input[name=__edistrict]").addClass("form-control");
				$("input[name=__eamphur]").addClass("form-control");
				$("input[name=__eprovince]").addClass("form-control");
				$("input[name=__website]").addClass("form-control");
				$("input[name=__fax_view]").attr("size","28");
				$("input[name=__tel_view]").attr("size","28");
			});
			
			function GoSave(){
				setData();
				confirmSave();
			}
			function confirmSave(){
				//saveRecord();
				if(nullCheck()){
				with(document.cscform){		    	
					//aCon=confirm(MyCode[1]);// จะบันทึกหรือไม่
					//if (aCon==true)	{
						save();
					//}
				}
			}
			}
			function save(){
		//		saveRecord()
				with(document.cscform){
					__confirm.value="0";
					__cmd.value = "save";
					//alert("cmd:"+__cmd.value);
					setSysIsEdit("");
					submit();
				} 
			}
			
			function GoDelete(){
				edelete();
			}
			function linkHelp(help,input){
			with(document.cscform){
				obj = eval("document.cscform."+input);
				if(obj.value==""){
						var param="PRU084.jsp?__helpName="+help+"&__fieldSearch="+input+"&__pageCall="+__screen.value+"&__fixCon="+__fixCon.value;
				}else{
						var param="PRU084.jsp?__helpName="+help+"&__fieldSearch="+input+"&__pageCall="+__screen.value+"&__fixCon="+__fixCon.value+"&__valueSearch="+obj.value;
				}
				//var param="PRU084.jsp?__helpName="+help+"&__fieldSearch="+input+"&__pageCall="+__screen.value+"&__fixCon="+__fixCon.value;
				win = window.open(param,"Help","left=150,top=150,width=600,height=400,resizable=yes,scrollbars=yes,toolbar=no,status=yes");
				if(window.focus){win.focus();}
			}
		}
			
			function setData(){
				var data="";
				with(document.cscform){
					/*for(var i=1;i<=elements.length;i++){
						if(!elements[i].name){
							if(elements[i].name.indexOf("prefix$")>-1){
								data = elements[i].value+"#";
							}
							if(elements[i].name.indexOf("fname$")>-1){
								data = elements[i].value+"#";
							}
							if(elements[i].name.indexOf("lname$")>-1){
								data = elements[i].value+"#";
							}
							if(elements[i].name.indexOf("pos$")>-1){
								data = elements[i].value+",";
							}
						}
					}*/
					$("input[name^='del']").each(function(){
						var e = $(this).closest("tr");
						data +=  e.find("select[name^='__prefix']").val()+"#"+
								e.find("input[name^='fname']").val()+"#"+
								e.find("input[name^='lname']").val()+"#"+
								e.find("input[name^='pos']").val()+"#"+
								e.find("input[name^='tel']").val()+",";
						
					});
					document.cscform.__checkList.value=data;
					__data.value=data;
					/*$('[name^="__row"]').each(function(){
						alert($(this).val());
					});
						*/
						
					}
				}
			
			
			
			function delChild(){
				var del = "";
				$("input[name^='del']:checked").each(function(){
					var name = $(this).attr("name");
					var line = parseInt(name.substring(name.length-1,name.length))+1;
					del += $("input[name='__cus_companyid']").val()+"#"+line+",";
					$(this).closest("tr").remove();
				});
				document.cscform.__del.value=del;
			}
			function GoSearch(){
				search();
			}
			function addauto(){
				var data = document.cscform.__data.value;
				var  datalist = data.split(",");
				for(var i=0;i<datalist.length-1;i++){
					$('#tblMulti').append("<tr name='__row"+i+"$tr' delete=''>"+
							"<td><input name='del$"+i+"' type='checkbox' value=''></td>"+
							"<td><select name=\"__prefix$"+i+"\" id=\"__prefix$"+i+"\"><%  inq_curexpdetail=new InitialInquiry( screen.getUProfile() ).getDbInquiry( "mprefix" );inq_curexpdetail.setColumn( "*" );inq_curexpdetail.refresh();while(inq_curexpdetail.next()){out.print("<option  value="+inq_curexpdetail.getString("prefixid")+" if(){}>"+inq_curexpdetail.getString("tdesc")+"</option>");}%></select><input name='fname$"+i+"' type='text' value='"+datalist[i].split("#")[2]+"'>&nbsp<input name='lname$"+i+"' type='text' value='"+datalist[i].split("#")[3]+"'></center></td>"+
							"<td><input name='pos$"+i+"' type='text' value='"+datalist[i].split("#")[4]+"'></td>"+
							"<td><input name='tel$"+i+"' type='text' value='"+datalist[i].split("#")[5]+"'></td>"+"<input type='hidden' name='tmpPrefix' value='"+datalist[i].split("#")[1]+"'</tr>");
			
					//setSelected(i,datalist[i].split("#")[1]);
				}
				$('[name="__countRow"]').val(i);
			}
			
			//function setSelected(index,prefix){
				
			//}
			$(function(){
				$("select[name^='__prefix']").each(function(){
					$(this).val($(this).closest("tr").find($("input[name='tmpPrefix']")).val());
				});
			});
			
			
			function add(){
				var countRow= $('[name="__countRow"]').val();
				$('#tblMulti').append("<tr name='__row"+countRow+"$tr' delete=''>"+
						"<td><input name='del$"+countRow+"' type='checkbox' value=''></td>"+
						"<td><select name=\"__prefix$"+countRow+"\" id=\"__prefix$"+countRow+"\"><%  inq_curexpdetail=new InitialInquiry( screen.getUProfile() ).getDbInquiry( "mprefix" );inq_curexpdetail.setColumn( "*" );inq_curexpdetail.refresh();while(inq_curexpdetail.next()){out.print("<option  value="+inq_curexpdetail.getString("prefixid")+">"+inq_curexpdetail.getString("tdesc")+"</option>");}%></select><input name='fname$"+countRow+"' type='text' value=''>&nbsp<input name='lname$"+countRow+"' type='text' value=''></td>"+
						"<td><input name='pos$"+countRow+"' type='text' value=''></td>"+
						"<td><input name='tel$"+countRow+"' type='text' value=''></td>"+"</tr>");
				$('[name="__countRow"]').val(countRow);
			}	
			function goHelp(helpName,inputName){
				var helpReturn;
				var helpReturn2;
				var fixCon = "";
				document.cscform.__fixCon.value=""; 
				if(inputName=="__zipcode" ){
					helpReturn="__zipcode:ZIPCODE,__amphur:tamphur,__province:mprovince.long_tname,__eamphur:eamphur,__eprovince:mprovince.long_ename";
				}
				else if(inputName="__cus_companyid"){
					helpReturn="__cus_companyid:cus_companyid";
				}
				else {
					return;
				}
				linkHelp_Return(helpName, helpReturn, fixCon);
		}
			function setSubData(){
				with(document.cscform){
					var subdata = "";
					var tmp = "";
					var tbl = document.getElementById("tblMulti");
					for( loop=1; loop<tbl.rows.length; loop++ ){
						chk =tbl.rows[loop].getElementsByTagName("INPUT")[0];
						if( chk!=null ){  
							tmp += chk.value +",";
						}
					} //for
					subdata = tmp.substring(0, tmp.length-1)
					subdata =subdata.replace(/,/g, "', '");
					__subdata.value = "'" +subdata +"'";
					
				}
			}
			function backPage_ReturnMulti(valueList){
				var tmp = valueList.split("$");
				if(tmp.length>=2){
					addRowToTable(tmp);
				}
				addauto();
			}

			function findDuplicate(data){
				with(document.cscform){
					var tmp = data.split("$");
					chkbox = document.getElementById("c_"+tmp[0]);
					if(chkbox!=null){
						return true
					}
					return false;
				}
			}

			function addRowToTable( data ) {
				// data[0] = employeeid
				// data[1] = fullname
				var tbl = document.getElementById("tblMulti");
				var lastRow = tbl.rows.length;
				// if there's no header row in the table, then iteration = lastRow + 1
				var iteration = lastRow;
				/*
				var chkOutList = document.getElementById("checkOutList");  
				var lastOutList=chkOutList.value.substring(0,chkOutList.value.indexOf(",")); 
				if(lastOutList!=""){
					iteration=lastOutList;
					chkOutList.value=chkOutList.value.replace(lastOutList+",","");
				}*/
			
				var row = tbl.insertRow(lastRow);
			  
				//  cell 1
				var cell1 = row.insertCell(0);
				cell1.className = "column-text center";
				var checkNode = document.createElement("input");
				checkNode.name="__checkbox";
				checkNode.type="checkbox";
				checkNode.value=data[0];
				
				checkNode.id="c_"+data[0];
				cell1.appendChild(checkNode);
				
				// cell 2
				var cell2 = row.insertCell(1);
				cell2.className = "column-text";
				var textNode = document.createTextNode( data[0] );
				cell2.appendChild(textNode);
				
				//  cell3
				var cell3 = row.insertCell(2);
				cell3.className = "column-text";
				var textNode = document.createTextNode( data[1] );
				cell3.appendChild(textNode);
				
				//var chkList = document.getElementById("checkList");
				//chkList.value+=iteration+",";
			}

			function removeRowFromTable() {
				var tbl = document.getElementById("tblMulti");
				for( loop=1; loop<tbl.rows.length; loop++ ){
					chk =tbl.rows[loop].getElementsByTagName("INPUT")[0];
					if(chk!=null && chk.checked){  
						tbl.deleteRow(loop);
						loop--;
					}
				} //for
			}
			
			
			function toolTip(msg){
			}
		</script>
		
		<section>
			<div class="container csc-content">
				<form name="cscform" class="form-horizontal" method="post" onload="goAdd();">
					<%=screen.InitialVariable()%>
					<input type="hidden" name="__cmd" value="">
					<input type="hidden" name="__screen" value="MCUSTOMER">
					<input type="hidden" name="__help" value="<%=chk.chkNullString(request.getParameter("__hlep"))%>"> 
					<input type="hidden" name="__countRow" value="1"> 
					<input type="hidden" name="__fixCon" value="">
					<input type="hidden" name="__helpReturn" value="">
					<input type="hidden" name="__notNull" value="<%=screen.getRequire()%>">
					<input type="hidden" name="__language" value ="<%=screen.getUProfile().get("lang")%>"> 
					<input type="hidden" name="__companyid" value="<%=screen.getUProfile().get("companyid")%>"> 
					<input type="hidden" name="__employeeid" value ="<%=screen.getUProfile().get("employeeid")%>">
					<input type="hidden" name="__checkList" value="<%=chk.chkNullString(request.getParameter("__checkList"))%>">
					<input type="hidden" name="__data" value="<%=data%>">
					<input type="hidden" name="__hlep_cus" value="<%=hlep_cus%>">
					<input type="hidden" name="__del" value="">
				
					<div class="csc-block-white">
						<div class="center">
							<h2 swlang code='SW012333'>Company Contact Information</h2>
						</div>
				
						<div class="form-horizontal">
							
							<div class="row">
								<div class="form-group">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("cus_companyid")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<div class="input-group">
											<input class="form-control" name="__cus_companyid" value="<%=screen.getDataLabel("cus_companyid")%>" onkeypress="chkSpecialKey(event);" onkeyup="sysIsEdit();" onblur="trimValue(this);" onfocus="this.select();" alt="Company ID" type="text">
											<a class="input-group-addon" href="javascript:linkHelp('MCUSTOMERHELP','__cus_companyid');">
												<i class="fa fa-search"></i>
											</a>
										</div>
									</div>
									<div class="col-md-2 col-sm-2 col-xs-2">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("tfac")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("tfac")%>
									</div>
								</div>
							</div>
							
							<div class="row">
								<div class="form-group">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("tname")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("tname")%>
									</div>
									<div class="col-md-2 col-sm-2 col-xs-2">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("tvillage")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("tvillage")%>
									</div>
								</div>
							</div>
							
							<div class="row">
								<div class="form-group">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("ename")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("ename")%>
									</div>
									<div class="col-md-2 col-sm-2 col-xs-2">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("troom_no")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("troom_no")%>
									</div>
								</div>
							</div>
							
							<div class="row">
								<div class="form-group">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("tfloor")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("tfloor")%>
									</div>
									<div class="col-md-2 col-sm-2 col-xs-2">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("taddr")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("taddr")%>
									</div>
								</div>
							</div>
							
							<div class="row">
								<div class="form-group">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("tsoi")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("tsoi")%>
									</div>
									<div class="col-md-2 col-sm-2 col-xs-2">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("tmoo")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("tmoo")%>
									</div>
								</div>
							</div>
							
							<div class="row">
								<div class="form-group">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("troad")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("troad")%>
									</div>
									<div class="col-md-2 col-sm-2 col-xs-2">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("tdistrict")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("tdistrict")%>
									</div>
								</div>
							</div>
							
							<div class="row">
								<div class="form-group">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("amphur")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("amphur")%>
									</div>
									<div class="col-md-2 col-sm-2 col-xs-2">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("province")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("province")%>
									</div>
								</div>
							</div>
							
							<div class="row">
								<div class="form-group">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("zipcode")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<div class="input-group">
											<input class="form-control" name="__zipcode" value="<%=screen.getDataLabel("zipcode")%>" readonly="" onkeypress="chkSpecialStr(event);" onkeyup="sysIsEdit();" onblur="trimValue(this);" onfocus="this.select();" alt="ZipCode" type="text">
											<a class="input-group-addon" href="javascript:goHelp('CSCZIPCODEHELP','__zipcode');">
												<i class="fa fa-search"></i>
											</a>
										</div>
									</div>
								</div>
							</div>
	<!-- END THAI -->		
							</br>
							<div class="row">
								<div class="form-group">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("efac")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("efac")%>
									</div>
									<div class="col-md-2 col-sm-2 col-xs-2">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("EVILLAGE")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("EVILLAGE")%>
									</div>
								</div>
							</div>
							
							<div class="row">
								<div class="form-group">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("EROOM_NO")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("EROOM_NO")%>
									</div>
									<div class="col-md-2 col-sm-2 col-xs-2">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("EFLOOR")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("EFLOOR")%>
									</div>
								</div>
							</div>
							
							<div class="row">
								<div class="form-group">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("EADDR")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("EADDR")%>
									</div>
									<div class="col-md-2 col-sm-2 col-xs-2">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("ESOI")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("ESOI")%>
									</div>
								</div>
							</div>
							
							<div class="row">
								<div class="form-group">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("EMOO")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("EMOO")%>
									</div>
									<div class="col-md-2 col-sm-2 col-xs-2">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("EROAD")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("EROAD")%>
									</div>
								</div>
							</div>
							
							<div class="row">
								<div class="form-group">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("edistrict")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("edistrict")%>
									</div>
									<div class="col-md-2 col-sm-2 col-xs-2">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("eamphur")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("eamphur")%>
									</div>
								</div>
							</div>
							
							<div class="row">
								<div class="form-group">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("eprovince")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("eprovince")%>
									</div>
									<div class="col-md-2 col-sm-2 col-xs-2">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("fax")%> </label>
									</div>
									<!--<div class=' col-md-1 col-sm-1 col-xs-1'>
										<select class="form-control" name="__faxarea" size="" onchange="chkHomePhone(this,__fax_view,__fax);sysIsEdit();">
											<option value="#">&nbsp;</option>
											<option value="02">02</option>
											<option value="032">032</option>
											<option value="034">034</option>
											<option value="035">035</option>
											<option value="036">036</option>
											<option value="037">037</option>
											<option value="038">038</option>
											<option value="039">039</option>
											<option value="042">042</option>
											<option value="043">043</option>
											<option value="044">044</option>
											<option value="045">045</option>
											<option value="053">053</option>
											<option value="054">054</option>
											<option value="055">055</option>
											<option value="056">056</option>
											<option value="073">073</option>
											<option value="074">074</option>
											<option value="075">075</option>
											<option value="076">076</option>
											<option value="077">077</option>
										</select>
									</div>
									<div class=' col-md-2 col-sm-2 col-xs-2'>	
										<input class='form-control' name="__fax_view" size="20" maxlength="30" value="" onclick="" onchange="sysIsEdit();" onmouseover="toolTip('Fax.')" onmouseout="toolTip()" onkeypress="chkInputNumPhone(event);chkSpecialStr(event);" onkeyup="" dir="" onblur="chkHomePhone(__faxarea,__fax_view,__fax);" onfocus="this.select();" alt="Fax." type="text">
										<input class="form-control" name="__fax" value="" alt="Fax." type="hidden">
									</div>-->
									<div class="col-md-4 col-sm-4 col-xs-4">
										<%=screen.getInput("fax")%>
									</div>
								</div>
								
							</div>
						
							<div class="row">
								<div class="form-group">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("website")%> </label>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3">
										<%=screen.getInput("website")%>
									</div>
									<div class="col-md-2 col-sm-2 col-xs-2">
										<label class="control-label control-label-form label-right"><%=screen.getLabel("tel")%> </label>
									</div>
									<!--<div class=' col-md-1 col-sm-1 col-xs-1'>
										<select class="form-control" name="__telarea" size="" onchange="chkHomePhone(this,__tel_view,__tel);sysIsEdit();">
											<option value="#">&nbsp;</option>
											<option value="02">02</option>
											<option value="032">032</option>
											<option value="034">034</option>
											<option value="035">035</option>
											<option value="036">036</option>
											<option value="037">037</option>
											<option value="038">038</option>
											<option value="039">039</option>
											<option value="042">042</option>
											<option value="043">043</option>
											<option value="044">044</option>
											<option value="045">045</option>
											<option value="053">053</option>
											<option value="054">054</option>
											<option value="055">055</option>
											<option value="056">056</option>
											<option value="073">073</option>
											<option value="074">074</option>
											<option value="075">075</option>
											<option value="076">076</option>
											<option value="077">077</option>
										</select>
									</div>
									<div class="col-md-2 col-sm-2 col-xs-2">
										<input class="form-control" name="__tel_view"  maxlength="30" value="" onclick="" onchange="sysIsEdit();" onmouseover="toolTip('Tel.')" onmouseout="toolTip()" onkeypress="chkInputNumPhone(event);chkSpecialStr(event);" onkeyup="" dir="" onblur="chkHomePhone(__telarea,__tel_view,__tel);" onfocus="this.select();" alt="Tel." type="text">
										<input class="form-control" name="__tel" value="" alt="Tel." type="hidden">
									</div>-->
									<div class="col-md-4 col-sm-4 col-xs-4">
										<%=screen.getInput("tel")%>
									</div>
								</div>
							</div>
							
							<div class="row">
								<div class="col-md-12 col-sm-12 col-xs-12">
									<div class="table-responsive">
										<table class="table table-head table-hover table-bordered table-content-center " id="tblMulti" >
											<tr>
												<th swlang code='SW000015'>Select</th>
												<th swlang code='SW007745'>Name Surname</th>
												<th swlang code='SW000057'>Position</th>
												<th swlang code='SW004938'>Telephone No</th>
											</tr>
										</table>
									</div>
								</div>
							</div>
							<input type="hidden" name="__subdata" value ="<%=screen.getRecord().getString("subdata")%>">
						</div>
						
						<div class="center"> 
							<a class="btn btn-primary" href="javascript:add();" swlang code='SW012101'>Add</a>
							<a class="btn btn-primary" href="javascript:checkAll();" swlang code='SW012180'>Check All</a>
							<a class="btn btn-primary" href="javascript:decheckAll();" swlang code='SW012181'>Uncheck All</a>
							<a class="btn btn-primary" href="javascript:delChild();" swlang code='SW000123'>Delete</a>
						</div>
						</br>
						<div class="center"> 
							<a class="btn btn-primary" href="javascript:GoSave();" swlang code='SW000117'>Save</a>
							<a class="btn btn-primary" href="javascript:GoDelete();" swlang code='SW000123'>Delete</a>
						</div>
						<%=screen.endJSP()%>
					</div>
				</form>
			</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>
	<script language="JavaScript" type="text/javascript">	
		if(document.cscform.__data.value!= ""){
			addauto();
		}
	</script>
</html>
<% screen.referLangOff(); %>