<!DOCTYPE html>
<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<%@ page import='com.csc.library.session.*' %>
<%@ page import='com.csc.library.utilities.*' %>
<%@ include file="../CHECKPROFILE.jsp" %>
<jsp:useBean id="EMV_ERR" class="com.csc.library.system.Task" scope="page" />
<%
	EMV_ERR.setChannel(request,response);
	
	CheckNull chk=new CheckNull();
	UProfile up=null;
	if(session != null ) {
		up = (UProfile)session.getAttribute("userprofile");
	}
	if( up == null ){
		return;
	}

	String errcode="";
	errcode=chk.chkNullString(EMV_ERR.getParameter("errcode"),"");
	String desth="";
	String desen="";

	if (errcode.equals("404")){
		desth="ขออภัย เอกสารหรือหน้าที่คุณค้นหาไม่มีอยู่ภายในระบบ";
		desen="Sorry this file or page not found";

	}else if (errcode.equals("nodata")){
		desth="ขออภัย ไม่พบข้อมูลในระบบ";
		desen="Sorry Data is not found";
	}



%>
<html>
	<head>
		<title>Employee View</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		
		<link href="../CSS/Login_layout.css" rel="stylesheet" type="text/css"/>
		
		<style>
			.dialog-text-head{
				font-size:35px;
			}
		</style>

	</head>
	<body>
		<div class="bg-com"></div>
		<jsp:include page="EMV_HEADMENU.jsp" flush="true" />

		<script type='text/javascript'>
			$(document).ready(function(){
				var mycode="<%=errcode%>";

				$("#dialog-new").dialog({
					autoOpen:false,
					modal: true,
					maxWidth: 5000,
					width : "MAX",
					height: "auto",
					closeOnEscape: false,
					draggable:false,
					resizable:false,				
					show: {
						effect: "fade",
						duration: 1000
					},
					hide: {
					  effect: "fade",
					  duration: 1000
					},
					open : function ()
					{
						$(".btn-dialog").focus();

					}
				});
				
				$("#dialog-nodata").dialog({
					autoOpen:false,
					modal: true,
					maxWidth: 5000,
					width : "MAX",
					height: "auto",
					closeOnEscape: false,
					draggable:false,
					resizable:false,				
					show: {
						effect: "fade",
						duration: 1000
					},
					hide: {
					  effect: "fade",
					  duration: 1000
					},
					open : function ()
					{
						$(".btn-dialog").focus();

					}
				});

				$(".ui-dialog-titlebar").hide();
				if (mycode=="404"){
					$("#dialog-new").dialog("open");
				}else if (mycode=="nodata"){
					$("#dialog-nodata").dialog("open");
				}

				$(".ui-dialog").css("top","40% !important");

				$(".btn-dialog").click(function(){
					window.location="INDEX.jsp";
				});
			});
		</script>
		
		<section>
			<div id="dialog-new">
				<span class="dialog-body">
					<p class="dialog-text-head"><span class="fa fa-exclamation-triangle"></span></p>
					<p class="dialog-text">
					<%
						if (up.get("lang").equals("tha")){
					%>
							<%=desth%>
					<%
						}else{
					%>
							<%=desen%>
					<%
						}
					%>
					</p>
					<p class="dialog-text"><button class="btn-dialog csc-btn-dialog no-radius">OK</button></p>
					<p class="endtag"></p>
				</span>
			</div>

			<div id="dialog-nodata">
				<span class="dialog-body">
					<p class="dialog-text-head"><span class="fa fa-exclamation-triangle"></span></p>
					<p class="dialog-text">
					<%
						if (up.get("lang").equals("tha")){
					%>
							<%=desth%>
					<%
						}else{
					%>
							<%=desen%>
					<%
						}
					%>
					</p>
					<p class="dialog-text"><button class="btn-dialog csc-btn-dialog no-radius">OK</button></p>
					<p class="endtag"></p>
				</span>
			</div>
		</section>
	</body>
</html>