<!DOCTYPE html>
<%@page import="com.csc.library.utilities.CheckNull"%>
<%@page contentType="text/html; charset=UTF-8"%>
<%@page import="com.csc.library.entry.HelpEntry,com.csc.library.system.*"%>
<%response.setHeader("X-XSS-Protection","0");%>
<jsp:useBean id="AS000" class="com.csc.library.system.Task" scope="page" />
<%
  AS000.setChannel(request, response);
  HelpEntry screen = (HelpEntry) AS000.process("HelpEntry", request.getParameter("__helpName"));
  screen.process();
%>
<html>
    <head>
        <title><%=screen.getInquiry().getCurrentDbRecord().getDescription()%></title>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link href="../CSS/TISCO.css" rel="stylesheet" type="text/css">
		<!-- Bootstrap -->
        <link href="../CSS/bootstrap.css" rel="stylesheet">
        <script src="../JS/SCREEN.js"></script>
        <script src="../JS/jquery-1.11.3.min.js"></script>
		<script src="../JS/bootstrap.min.js"></script>
        <script>setLang('<%=screen.getUProfile().get("lang")%>');</script>
		<script src='/hr/dwr/engine.js'></script>
        <script src='/hr/dwr/util.js'></script>
        <script src='/hr/dwr/interface/SearchDWR.js'></script>
		<style>
			td {
				padding: 2px;
			}

			hr {
                display: block;
                height: 1px;
                border: 0;
                border-top: 1px solid #0533B6;
                margin: 1em 0;
                padding: 0; 
            }

			.HELPHEAD {
				text-align: center;
			}
		</style>
    </head>
    <%
            String helpReturn="";
            if(request.getParameter("__helpReturn")!=null){
                    helpReturn=request.getParameter("__helpReturn");
            }
            String fieldSearch="";
            if(request.getParameter("__fieldSearch")!=null){
                    fieldSearch=request.getParameter("__fieldSearch");
            }
    %>
    <body leftmargin="0" topmargin="0">
        <form name="cscform" method="post" action="PRU084_NEW_APS.jsp">
            <!----------BEGIN CSC INITIAL ZONE ------------------------>
            <%=screen.InitialVariable()%>
            <!----------END CSC INITIAL ZONE -------------------------->
            <input type="hidden" name="__cmd" value="">
            <input type="hidden" name="__help" value="">
            <input type="hidden" name="__goPage" value="">
            <input type="hidden" name="__language" value="<%=screen.getUProfile().get("lang")%>">
            <input type="hidden" name="__orderBy" value="<%=request.getParameter("__orderBy")%>">
            <input type="hidden" name="__helpReturn" value="<%=helpReturn%>">
            <input type="hidden" name="__fieldSearch" value="<%=fieldSearch%>"> 
            <input type="hidden" name="__helpName" value="<%=request.getParameter("__helpName")%>">
            <input type="hidden" name="__pageCall" value="<%=request.getParameter("__screen")%>">
            <input type="hidden" name="__fixCon" value="<%=request.getParameter("__fixCon")%>">

            <br>
            <table style="border-collapse: 0;border-spacing: 0" class="large">
                <tr bgcolor="#3366CC">
                    <td height="20" class="header"><%=screen.getInquiry().getCurrentDbRecord().getDescription()%>&nbsp;</td>
                </tr>
                <tr bgcolor="#3366CC">
                    <td> 
                        <table class="maxsize" border="1" style="border-collapse: 1;border-spacing: 1">
                            <tr>
                                <td>
                                    <table class="maxsize" style="border-collapse: 0;border-spacing: 0">
                                        <tr> 
                                            <td colspan="4"  class="blankspace" ></td>
                                        </tr>
                                        <tr> 
                                            <td width="15%"> 
                                                <div align="right">
                                                    <script>swapLang('Order By');</script>&nbsp;
                                                </div>
                                            </td>
                                            <td><%=screen.getTagOrder()%></td>
                                            <td width="20%">
                                                <div align="right">
                                                    <script>swapLang('Search By');</script>&nbsp;
                                                </div>
                                            </td>
                                            <td><%=screen.getTagSearchBy()%></td>
                                        </tr>
                                        <tr> 
                                            <td>
                                                <div align="right">
                                                    <script>swapLang('Condition');</script>&nbsp;
                                                </div>
                                            </td>
                                            <td><%=screen.getTagConSearch()%></td>
                                            <td>
                                                <div align="right">
                                                    <script>swapLang('Key Value');</script>&nbsp;
                                                </div>
                                            </td>
                                            <td><%=screen.getTagValueSearch()%>
                                                <a href="javascript:search();"><img src="../IMAGES/BUTTON/MAIN/SEARCH20.gif" width="20" height="20" border="0" style="vertical-align: middle"></a>
                                            </td>
                                        </tr>
                                        <tr> 
                                            <td colspan="4" class="blankspace" ></td>
                                        </tr>
                                        <tr> 			
                                            <td colspan="2">&nbsp;&nbsp;&nbsp;<script>swapLang('Found Data');</script>&nbsp;&nbsp;<%=screen.getRecCount()%></td>
                                            <td colspan="2">
                                                <div align="right"><%=screen.getPageTag()%></div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <br>
            <table style="border-collapse: 0;border-spacing: 0" class="large">
                <tr>
                    <td class="normal">
                        <div align="center"><%=screen.printTableHTML()%></div>
                    </td>
                </tr>
            </table>
        </form>
        <script>
			var field = {};
            function back(unit) {
                with (window.opener.document.cscform) {
                    locateId.value = unit;
                }
                window.close();
            }

			function setDecorate(decorateid,callback) {
                SearchDWR.searchAll(new Array("mdecorate","background_picture,background_color,background_color_header,text_color_header,text_color_content",
                    "decorateid='" + decorateid + "'","decorateid","langon"),
                    function(data) {
                        if(data.length > 0){
                            field['background_picture'] = data[0][0];
                            field['background_color'] = data[0][1];
                            field['background_color_header'] = data[0][2];
                            field['text_color_header'] = data[0][3];
                            field['text_color_content'] = data[0][4];
							callback();
                        }
                    }
                );
            }

			function chkUndefinedAndBlank(field) {
                if (typeof(field) === 'undefined' || field === '') {
                    return true;
                } else {
                    return false;
                }
            }

            $(function () {
				$('#MyTable > tbody > tr').not('tr:eq(0)').each(function () {
					var decorateid = $.trim($(this).find('td:eq(0)').text());
					var $td = $(this).find('td:eq(3)');
					setDecorate(decorateid,function() {
						var background_color_header = '';
						var text_color_header = '';
						if (!chkUndefinedAndBlank(field['background_color_header'])) {
							background_color_header = 'background-color: #' + field['background_color_header'] + ';';
						}
						if (!chkUndefinedAndBlank(field['text_color_header'])) {
							text_color_header = 'color: #' + field['text_color_header'] + ';';
						}
						var $html = '<h2  style="padding: 5px;font-size: 16px;font-weight: bold;' + background_color_header + text_color_header + '" class="text-center">Header</h2>';
								$html += '<div id="background">';
									$html += '<div style="padding: 8px;margin-top: -10px;">';
										$html += '<p class="text-content">';
											$html += 'Text :Text text<br>';
											$html += 'Text :Text text<br>';
											$html += 'Text :Text text';
										$html += '</p>';
										$html += '<hr>';
										$html += '<p class="text-content">';
											$html += '1. TextTextTextText<br>';
											$html += '&nbsp;&nbsp;<input type="checkbox">&nbsp;Text<br>';
											$html += '&nbsp;&nbsp;<input type="checkbox">&nbsp;Text<br>';
											$html += '&nbsp;&nbsp;<input type="checkbox">&nbsp;Text<br>';
										$html += '</p>';
										$html += '<p class="text-content">';
											$html += '2. TextTextTextText<br>';
											$html += '&nbsp;&nbsp;<input type="checkbox">&nbsp;Text<br>';
											$html += '&nbsp;&nbsp;<input type="checkbox">&nbsp;Text<br>';
											$html += '&nbsp;&nbsp;<input type="checkbox">&nbsp;Text<br>';
										$html += '</p>';
									$html += '</div>';
								$html += '</div>';
						$td.html($.trim($html));

						if (!chkUndefinedAndBlank(field['background_picture'])) {
							$('#background').css({'background-image': 'url("../UPLOAD/APPRAISAL/NEW_APPRAISAL/' + field['background_picture'] + '")', 'background-repeat': 'repeat'});
						}
						if (!chkUndefinedAndBlank(field['background_color'])) {
							$('#background').css('background-color','#' + field['background_color']);
						}
						
						if (!chkUndefinedAndBlank(field['text_color_content'])) {
							$('#background').css('color','#' + field['text_color_content'])
						}
					});
                });
            });
        </script>
    </body>
</html>