<%@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="TRA004" class="com.csc.library.system.Task" scope="page"/>
<%
TRA004.setChannel(request, response);
UIManager screen = (UIManager) TRA004.process("MultiEntry", "TRA004");

screen.getRecord().getChild("SIMMKC_COURSE").setFilter("keytype='1'");
screen.getRecord().setRequireFoundTable("SIMMKC_COURSE");

screen.getRecord().getChild("SIMMKPI_COURSE").setFilter("keytype='2'");
screen.getRecord().setRequireFoundTable("SIMMKPI_COURSE");

String listcourse = screen.getDataLabel("precrs").trim();

screen.referLangOff();
%>

<!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/font-awesome.min.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 type="text/javascript" src="../JS/jquery-2.1.3.min.js"></script>
    <SCRIPT TYPE='text/JavaScript' SRC='../JS/CscBase.js'></SCRIPT>
    <SCRIPT TYPE='text/JavaScript' SRC='../JS/CscCalendarV3.js'></SCRIPT>
    <SCRIPT TYPE='text/JavaScript' SRC='../JS/Workplan.js'></SCRIPT>
    <SCRIPT TYPE='text/JavaScript' SRC='../JS/TimeZone.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 language='javascript'>setLang('<%=screen.getUProfile().get("lang")%>');</script>
    <script type='text/javascript' src="../JS/VIEWCALENDAR.js"></script>
    <script language="JavaScript">
    $(document).ready(function() {
      $("#bt-icon-save-edit").attr("href","javascript:setDataToSave();")
      showRecurrent()
      setDataToShow()
      hideBtnObj()

      $("input[name='__course_hours']").blur(function(){
        chkTimeOver($(this)[0],90,0)
        if($(this).val()>0){
          chkCrsHours($(this))
        }
      })

      $("#addObj").click(function(){
        addObjList()
      })
      $("#delObj").click(function(){
        removeObjList()
      })

    });

    let setDataToShow = () =>{
      let objectiveStr = $("input[name='__objective']").val()
      let objectiveArr = objectiveStr.split(',');
      addObjList2(objectiveArr.length)
      let x = 0
      for(let i=0;i<objectiveArr.length;i++){
        x = i+1
        $("input[name='obj_"+x+"']").val(objectiveArr[i])
      }
    }

    let addObjList2 = (objLength) =>{
      let lastID = getLastID()

      if(lastID < objLength){
        let diff = objLength-lastID
        for(let i =1;i<=diff;i++){
          addObjList()
        }
      }
    }

    let setDataToSave = () =>{
      let objective = ""
      $(".obj-list").each((index, element) =>{
        if($(element).val() != ''){
          if(objective != ''){
            objective += ','+$(element).val().trim()
          }else{
            objective += $(element).val().trim()
          }
        }
      })
      $("input[name='__objective']").val(objective)
      checkPermissionSave()
    }

    let addObjList = () =>{
      let current_id = getLastID()
      let element = $("input[name='obj_"+current_id+"']")

      let newElement = element.clone();
      let id = current_id+1;
      newElement.attr({"id":id,"name":"obj_"+id});
      newElement.val("");
      newElement.appendTo($("#obj_elements"));

      hideBtnObj()
    }

    let hideBtnObj = () =>{
      if(getLastID() == 1){
        $("#delObj").hide()
      }else{
        $("#delObj").show()
      }
    }

    let removeObjList = () =>{
      $("#obj_elements").children().last().remove();
      hideBtnObj()
    }

    let getLastID = () =>{
      //console.log('lastID = '+$('#obj_elements input.obj-list:last').attr('id'))
      return +$('#obj_elements input.obj-list:last').attr('id')
    }

    let chkCrsHours = (obj) => {
      let dsdid = $("input[name='__dsdtypeid']").val()
      let hours = parseFloat(obj.val())

      if(dsdid == '1'){
        if(hours < 6){
          alert('ระยะเวลา = '+hours+' ซ.ม. \n ฝึกยกระดับต้องไม่น้อยกว่า 6 ซ.ม.')
          obj.val('0.00')
        }
      }else if(dsdid == '2'){
        if(hours < 18){
          alert('ระยะเวลา = '+hours+' ซ.ม. \n ฝึกยกระดับต้องไม่น้อยกว่า 18 ซ.ม.')
          obj.val('0.00')
        }
      }
    }

    function GoSave() {

      setPrecourse();
      calDateFrequency();
      confirmSave();
    }

    function GoUpdate() {
      update();
    }
    function GoDelete() {
      edelete();
    }
    function GoSearch() {
      search();
    }

    function goHelp2(helpName, inputName) {
      var helpReturn;
      helpReturn = inputName + ":crsid,MCOURSE@CRSEDESC";
      linkHelp_Return(helpName, helpReturn);
    }
    function goHelp(helpName, inputName) {
      var helpReturn;
      var fcon = "";
      if (inputName == "__crsid")
      helpReturn = "__crsid:crsid";
      if (inputName == "__crstyid") {
        helpReturn = "__crstyid:crstyid,MCOURSETYPE@CRSTYEDESC";
      }
      if (inputName == "__trtyid")
      helpReturn = "__trtyid:trtyid,MTRAINTYPE@TRTYEDESC";
      if (inputName == "__instid") {
        helpReturn = "__instid:instid,MACADEMY@INSTEDESC";
      }
      if (inputName == "__locid")
      helpReturn = "__locid:locid,MTRLOCATION@LOCEDESC";
      if (inputName == "__roomid")
      helpReturn = "__roomid:roomid,MTRROOM@ROOMEDESC,__locid:locid,MTRLOCATION@LOCEDESC";
      if (inputName == "__trcatid") {
        helpReturn = "__trcatid:trcatid,MTRCAT@EDESC";
      }
      if (inputName == "__crsgid") {
        helpReturn = "__crsgid:crsgid,MCOURSEGROUP@EDESC";
      }
      if (inputName == "__dsdtypeid") {
        helpReturn = "__dsdtypeid:dsdtypeid,MCOURSE_DSDTYPE@TDESC";
      }
      linkHelp_Return(helpName, helpReturn);
    }
    function helpPageCon(help, input, fcon) {
      with (document.cscform) {
        var param = "PRU084.jsp?__helpName=" + help + "&__helpReturn=" + input + "&__pageCall=" + __screen.value + "&__fixCon=" + fcon + "&__checkVerify=off&langOn=false";
        window.open(param, "Help", "left=150,top=150,width=600,height=400,toolbar=no,status=yes,scrollbars=yes,resizable=yes");
      }
    }

    function addPrecourse() {
      with (document.cscform) {
        var data;
        if (crsid.value != "") {
          for (var z = 0; z < elements.length; z++) {
            if (elements[z].name == "MCOURSE@CRSEDESC") {
              data = crsid.value + "  " + elements[z].value;
              elements[z].value = "";
              crsid.value = "";
            }
          }
          precrs1.options[precrs1.options.length] = new Option(data, data);
        }
      }
    }

    function setPrecourse() {
      with (document.cscform) {
        var ListCourse = "";
        //		alert(precrs.options.length);
        for (i = 0; i < precrs1.options.length; i++) {
          ListCourse += precrs1.options[i].value + "#";
        }
        var data = ListCourse.substring(0, ListCourse.length - 1);
        __precrs.value = data;
      }
    }

    function delPrecourse() {
      with (document.cscform) {
        for (i = precrs1.options.length; i > 0; i--) {
          if (precrs1.options[i - 1].selected) {
            precrs1.options[i - 1] = null;
          }
        }
      }
    }

    function Onloads() {
      with (document.cscform) {
        var courselist = "<%=listcourse%>";
        if (courselist.length > 0) {
          var temp = courselist.split("#");
          for (i = 0; i < temp.length; i++) {
            precrs1.options[i] = new Option(temp[i], temp[i]);
          }
        }
      }
    }

    function addMulti() {
      with (document.cscform) {
        window.open("TRA0043.jsp?__cmd=&__gorec=&__ack=add", "ExpenseCourse", "left=150,top=150,width=700,height=280,toolbar=no,status=no,scrollbars=yes,resizable=yes");
      }
    }

    function chkBlank() {
      with (document.cscform) {
        if (__locid.value == "") {
          for (i = 0; i < elements.length; i++) {
            if (elements[i].name == "MTRLOCATION@LOCEDESC") {
              elements[i].value = "";
            }
          }
        }
        if (__crsid.value == "") {
          __crsedesc.value = "";
        }
      }
    }
    function GoPage(pages) {
      if (notBlankOnThisPage()) {
        $('.textheader').css('color', '#3366cc');
        $('.textheader[id=' + pages + ']').css('color', '#00b6ff');
        mframe.window.location = pages + ".jsp?__course=" + document.cscform.__crsid.value;
      }
    }
    function clearLocid() {
      with (document.cscform) {
        if (__roomid.value == '') {
          document.getElementsByName("MTRROOM@ROOMEDESC")[0].value = "";
          document.getElementsByName("MTRLOCATION@LOCEDESC")[0].value = "";
          __locid.value = '';
        }
      }
    }
    function cloneID() {
      mframe.document.cscform.__course.value = document.getElementsByName("__crsid")[0].value;
      //document.getElementById("mframe").contentDocument.getElementsByName("__course")[0].value=document.getElementsByName("__crsid")[0].value;
    }

    function showRecurrent() {
      var eleCert = $("#idFREQUENCY")
      var eleCert_ev = $("#idFREQUENCY_EVERY")
      var eleDate = $("#idRECURRENT")

      var valueRdo = $("input[name='__rdo_recurrent']:checked").val()
      //console.log($("input[name='__rdo_recurrent']:checked").val())
      if (valueRdo === "0") {
        //console.log('aaa', valueRdo)
        eleCert.hide()
        eleCert_ev.hide()
        eleDate.hide()
      } else {
        //console.log('bbb', valueRdo)
        eleCert.show()
        eleCert_ev.show()
        eleDate.show()
      }
    }

    function calDate(startDate, endDate, duration, every) {
      with (document.cscform) {
        if (every.value != "" && duration.value != "" && duration.value != "0") {
          if (every.value == "D") {
            var date = new CscCalendar(startDate.value);
            date.incDate(duration.value);
            endDate.value = date.getDDMMYYYY();
          } else if (every.value == "M") {
            var date = new CscCalendar(startDate.value);
            date.incMonth(duration.value);
            endDate.value = date.getDDMMYYYY();
          } else if (every.value == "Y") {
            var date = new CscCalendar(startDate.value);
            date.incYear(duration.value);
            endDate.value = date.getDDMMYYYY();
          }
        }
      }
    }

    function calDateFrequency() {
      var valueRdo = $("input[name='__rdo_recurrent']:checked").val()
      if (valueRdo === "1"){
        with (document.cscform) {
          var date = new CscCalendar($("input[name='__expenses_startdate']").val());
          var frequency = $("input[name='__frequency']").val();
          var every = $("input[name='__every']").val();
          var frequency_every = __frequency_every.value;
          if (frequency_every === "D") {
            date.incDate(every);
          } else if (frequency_every === "M") {
            date.incMonth(every);
          } else if (frequency_every === "Y") {
            date.incYear(every);
          }

        }
      }
    }
    </script>
    <style>
      .obj-list{
        margin-top: 2px;
      }
    </style>

    <%
    String alt_del = "Delete", alt_up = "Attach";
    if (screen.getUProfile().get("lang") != null && screen.getUProfile().get("lang").equals("tha")) {
      alt_del = "ลบ";
      alt_up = "เพิ่ม";
    }
    %>

  </head>
  <body leftmargin="0" topmargin="0" onLoad="">
    <form name="cscform" method="post" action="TRA004.jsp">

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

      <%=screen.InitialVariable()%>

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

      <div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
      <script language="javascript">initToolTips();</script>
      <input type="hidden" name="__cmd" value=""/>
      <input type="hidden" name="__screen" value="TRA004"/>
      <input type="hidden" name="__help" value=""/>
      <input type="hidden" name="__gorec" value=""/>
      <input type="hidden" name="__multiTable" value="SIMMKC_COURSE,SIMMKPI_COURSE,MCOURSEDETAIL"/>
      <input type="hidden" name="__fixCon" value=""/>
      <input type="hidden" name="__calendar"/>
      <input type="hidden" name="__headMulti" value="TRA004"/>
      <script language="javascript">getInputFormatDate();</script>
      <input name="__language" type="hidden" value="<%=screen.getUProfile().get("lang")%>"/>
      <input name="__helpReturn" type="hidden" value=""/>
      <input name="__companyid" type="hidden" value="<%=screen.getUProfile().get("companyid")%>"/>
      <input name="__notNull" type="hidden" value="<%=screen.getRequire()%>"/>
      <input name="__precrs" type="hidden" value="<%=screen.getDataLabel("precrs")%>"/>
      <input name="__objective" type="hidden" size="100" value="<%=screen.getDataLabel("objective")%>"/>

      <script language="JavaScript" src="../JS/HOTKEY.js"></script>

      <div align="center">
        <script language="javascript">
        var swap = new swaplang();
        var titlename = swap2String('SW009283');
        document.write(Icons("TRA004, " + titlename));
        </script>

        <table border="0" cellspacing="0" cellpadding="0">
          <br/>
          <tr>
            <td height="27" class="header">TRA004, <span swlang code="SW009283">Course Table</span>&nbsp;</td>
          </tr>
          <tr>
            <td class="blankspace"></td>
          </tr>
          <tr>
            <td>
              <table width="75%" border="0" align="center" cellpadding="0" cellspacing="0" class="maxsize">
                <tr>
                  <td class="columnlabel"><div align="right"><%=screen.getLabel("CRSID")%>&nbsp;</div></td>
                  <td><input type="text" name="__crsid" size="12" maxlength="10" value="<%=screen.getDataLabel("CRSID")%>" onkeypress="chkSpecialKey(event);cloneID();" onkeyup="sysIsEdit();" onblur="trimValue(this);cloneID();" onfocus="this.select();" alt="รหัสหลักสูตร" onmousemver="toolTip('รหัสหลักสูตร')" onmouseout="toolTip()">&nbsp;
                  <a href="javascript:linkHelp('MCOURSEHELP','__crsid');" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('__crsid_image','','../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/SEARCH20.gif" alt="SEARCH" name="__crsid_image" width="20" height="20" border="0" align="absmiddle"></a></td>
                  <td align="right"></td>
                </tr>
                <tr>
                  <td class="columnlabel"><div align="right"><%=screen.getLabel("CRSDESC")%>&nbsp;</div></td>
                  <td><%=screen.getInput("CRSDESC")%></td>
                </tr>
                <tr>
                  <td nowrap class="columnlabel"><%=screen.getLabel("CRSEDESC")%>&nbsp;</td>
                  <td><%=screen.getInput("CRSEDESC")%></td>
                </tr>
                <%screen.referLangOn();%>
                <tr>
                  <td nowrap class="columnlabel"><%=screen.getLabel("TRCATID")%>&nbsp;</td>
                  <td><%=screen.getInput("TRCATID")%>&nbsp; <input type="text" name="MTRCAT@EDESC" readonly="true" value="<%=screen.getDataLabel("MTRCAT","EDESC")%>" size="40"></td>
                </tr>
                <tr>
                  <td nowrap class="columnlabel"><%=screen.getLabel("crsgid")%>&nbsp;</td>
                  <td><%=screen.getInput("CRSGID")%>&nbsp;<input type="text" name="MCOURSEGROUP@EDESC" readonly="true" value="<%=screen.getDataLabel("MCOURSEGROUP","EDESC")%>" size="40"></td>
                </tr>
                <tr>
                  <td class="columnlabel"><div align="right"><%=screen.getLabel("EDITORIAL")%>&nbsp;</div></td>
                  <td nowrap><%=screen.getInput("EDITORIAL")%></td>
                </tr>
                <tr>
                  <td class="columnlabel"><div align="right"><%=screen.getLabel("BENEFIT")%>&nbsp;</div></td>
                  <td><%=screen.getInput("BENEFIT")%></td>
                </tr>
                <tr>
                  <td class="columnlabel"><div align="right"><%=screen.getLabel("OBJECTIVE")%>&nbsp;</div></td>
                  <td class='obj' id="obj_elements">
                    <input type="text" class='obj-list' name="obj_1" id="1" size="50" maxlength="2000" onkeypress="chkSpecialStr(event);" onkeyup="sysIsEdit();" onblur="trimValue(this);" onfocus="this.select();">
                  </td>
                </tr>
                <tr>
                  <td colspan="2" align="center">
                    <a href="" id='addObj'><img src="../IMAGES/BUTTON/MAIN/NEW20.gif" alt="เพิ่ม" name="Image10" border="0" align="absmiddle"></a>&nbsp;
                    <a href="" id='delObj'><img src="../IMAGES/BUTTON/MAIN/DEL20.gif" alt="ลบ" name="Image11" border="0" align="absmiddle"></a>
                  </td>
                </tr>
                <tr>
                  <td class="blankspace"></td>
                </tr>
                <tr>
                  <td class="columnlabel"><%=screen.getLabel("CRSTYID")%>&nbsp;</td>
                  <td><%=screen.getInput("CRSTYID")%>&nbsp;<input name="MCOURSETYPE@CRSTYEDESC" type="text" readonly size="40" value="<%=screen.getDataLabel("MCOURSETYPE","CRSTYEDESC")%>"></td>
                </tr>
                <tr>
                  <td class="columnlabel"><%=screen.getLabel("dsdtypeid")%>&nbsp;</td>
                  <td><%=screen.getInput("dsdtypeid")%>&nbsp;<input name="MCOURSE_DSDTYPE@TDESC" type="text" readonly size="40" value="<%=screen.getDataLabel("MCOURSE_DSDTYPE","TDESC")%>"></td>
                </tr>
                <tr>
                  <td class="columnlabel"><div align="right"><%=screen.getLabel("COURSE_HOURS")%>&nbsp;</div></td>
                  <td nowrap><%=screen.getInput("COURSE_HOURS")%> <span swlang code="SW002186">HOURS</span></td>
                </tr>
                <tr>
                  <td class="columnlabel"><%=screen.getLabel("CRSKIND")%>&nbsp;</td>
                  <td><%=screen.getInput("CRSKIND")%></td>
                </tr>
                <tr>
                  <td class="columnlabel"><%=screen.getLabel("INSTID")%>&nbsp;</td>
                  <td nowrap><%=screen.getInput("INSTID")%>&nbsp;<input name="MACADEMY@INSTEDESC" type="text" readonly size="40" value="<%=screen.getDataLabel("MACADEMY","INSTEDESC")%>"></td>
                </tr>
                <tr>
                  <td class="columnlabel"><%=screen.getLabel("ROOMID")%>&nbsp;</td>
                  <td><%=screen.getInput("ROOMID")%>&nbsp;<input name="MTRROOM@ROOMEDESC" type="text" readonly size="40" value="<%=screen.getDataLabel("MTRROOM","ROOMEDESC")%>"></td>
                </tr>
                <tr>
                  <td class="columnlabel"><%=screen.getLabel("LOCID")%>&nbsp;</td>
                  <td>
                    <input name="__locid" type="text" readonly size="12" value="<%=screen.getDataLabel("LOCID")%>"/>&nbsp;&nbsp;&nbsp;
                    <input name="MTRLOCATION@LOCEDESC" type="text" readonly size="44" value="<%=screen.getDataLabel("MTRLOCATION","LOCEDESC")%>"/>
                  </td>
                </tr>
                <tr>
                  <td height="90" class="columnlabel">
                    <div align="right">
                      <%=screen.getLabel("PRECRS")%>&nbsp;
                    </div>
                  </td>
                  <td>
                    <table width="690" cellpadding="0" cellspacing="0" class="inner2">
                      <tr>
                        <td><select name="precrs1" size="5" multiple style="width:378px;height:100px;"></select></td>
                      </tr>
                      <%screen.referLangOff();%>
                      <tr>
                        <td>
                          <input name="crsid" type="hidden" size="5"/>
                          <input name="MCOURSE@CRSEDESC" type="text" readonly size="49" value=""/>
                          <a href="javascript:goHelp2('TRA004HELP','crsid');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/SEARCH20.gif" alt="search" name="Image5" border="0" align="absmiddle"></a>
                          <a href="javascript:addPrecourse();" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','../IMAGES/BUTTON/SWAP/NEW_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/NEW20.gif" alt="<%=alt_up%>" name="Image6" border="0" align="absmiddle"></a>
                          <a href="javascript:delPrecourse();" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','../IMAGES/BUTTON/SWAP/DEL_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/DEL20.gif" alt="<%=alt_del%>" name="Image7" border="0" align="absmiddle"></a>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td class="columnlabel"><div align="right"><%=screen.getLabel("CONDITION_GEN")%>&nbsp;</div></td>
                  <td>
                    <textarea name='__condition_gen' cols='60' rows='3' onkeyup="chkLimitTextArea(this,400);sysIsEdit();" onblur="trimValue(this);"><%=screen.getDataLabel("CONDITION_GEN")%></TEXTAREA>
                  </td>
                </tr>
                <tr>
                  <td class="columnlabel"><div align="right"><%=screen.getLabel("COMMENT_GEN")%>&nbsp;</div></td>
                  <td><%=screen.getInput("COMMENT_GEN")%></td>
                </tr>
                <tr>
                  <td class="columnlabel"><div align="right"><%=screen.getLabel("PROPERTY")%>&nbsp;</div></td>
                  <td><%=screen.getInput("PROPERTY")%></td>
                </tr>
                <tr>
                  <td class="columnlabel"><div align="right"><%=screen.getLabel("EXPENSE")%>&nbsp;</div></td>
                  <td><%=screen.getInput("EXPENSE")%></td>
                </tr>
                <tr>
                  <td class="columnlabel"><%=screen.getLabel("EXPENSES_DURATION")%>&nbsp;</td>
                  <td>
                    <%=screen.getInput("EXPENSES_DURATION")%>&nbsp;&nbsp;
                    <%=screen.getLabel("EXPENSES_EVERY")%>&nbsp;
                    <%=screen.getInput("EXPENSES_EVERY")%>
                  </td>
                </tr>
                <tr>
                  <td align="right" class="columnlabel"><%=screen.getLabel("RDO_RECURRENT")%>&nbsp;</td>
                  <td nowrap><%=screen.getInput("RDO_RECURRENT")%></td>
                </tr>
                <tr id="idFREQUENCY">
                  <td class="columnlabel"><%=screen.getLabel("FREQUENCY")%></td>
                  <td align="left" >
                    <%=screen.getInput("FREQUENCY")%>&nbsp;/&nbsp;
                    <%=screen.getLabel("EVERY")%>&nbsp;
                    <%=screen.getInput("EVERY")%>&nbsp;
                    <%=screen.getInput("FREQUENCY_EVERY")%>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td class="blankspace"></td>
          </tr>
          <tr>
            <td colspan="2" 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>
          <tr>
            <td colspan="2">
              <table cellspacing="0" cellpadding="0" border="0" class="maxsize">
                <tr>
                  <td align="right">
                    <strong class="mini">
                      <a href="javascript:GoPage('TRA004_1');" class="textheader" id="TRA004_1" style="color:#00b6ff"><span swlang code="SW009370">Related to KC</span></a>&nbsp;&nbsp;|&nbsp;&nbsp;
                      <a href="javascript:GoPage('TRA004_2');" class="textheader" id="TRA004_2"><span swlang code="SW009371">Related to KPI</span></a>&nbsp;&nbsp;|&nbsp;&nbsp;
                      <a href="javascript:GoPage('TRA004_3');" class="textheader" id="TRA004_3"><span swlang code="SW011987">Topic and Subject</span></a>&nbsp;&nbsp;
                    </strong>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr width="100%">
            <td>
              <div align="center" class="maxsize">
                <iframe id="mframe" frameborder="0" name="mframe" src="TRA004_1.jsp" width="100%" height="200"></iframe>
              </div>
            </td>
          </tr>
          <%screen.referLangOff();%>
        </table>
        <script language="javascript"> Onloads(); chkBlank(); </script>
      </div>

      <!----------BEGIN CSC ENDING ZONE ------------------------>

      <%=screen.endJSP()%>

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

    </form>
  </body>
</html>