<%@page contentType="text/html; charset=UTF-8"%>
<%@page import="com.csc.library.entry.*,com.csc.library.utilities.*"%>
<%@page import="java.util.*, java.text.*;"%>
<%request.setCharacterEncoding("UTF-8");%>
<%
CheckNull chkNull = new CheckNull();
%>
<head>
<HEAD>
    <TITLE><%
    if("tha".equals(request.getParameter("__language")))
     out.print("ใบขออนุญาตปฏิบัติงานนอกสถานที่ และเบิกค่าใช้จ่ายในการเดินทาง");
     else
     out.print("Request out site form payment.");
        %></TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
    <SCRIPT TYPE='text/JavaScript' SRC='../JS/SCREEN.js'></SCRIPT>
    <SCRIPT LANGUAGE="JavaScript">setLang('<%=request.getParameter("__language")%>');</SCRIPT>
    <style type="text/css">
        table {
            font-size:12px;
            font-family:Tahoma, Geneva, sans-serif;
        }
        table tr td {
            line-height: 2em
        }
        #wrapper{
            width:1060px; border: 1px #333 solid; margin:auto; margin:0px; padding:10px; min-height:1000px;
        }
        .span_data{font-weight:bold;}
    </style>

</head>

<body leftmargin="0" topmargin="0" >
    <div id="wrapper"  >
        <table border="0" width="100%" cellpadding="0" cellspacing="0">
            <tr>
                <td colspan="4" height="40"  style="font-size: 12px; font-weight: bold;">HONDA ACCESS ASIA &amp; OCEANIA CO,LTD.</td>
            </tr>
            <tr>
                <td  colspan="4" style="text-align: center; font-weight: bold;"><script language="javascript">swapLang('Request out site form payment.')</script></td>
            </tr>
            <tr>
                <td  colspan="4"  align="right" ><span style="padding-right:20px; "><script language="javascript">swapLang('Date ')</script> : <span class="span_data"><%=new CscCalendar().getDDMMYYYY()%></span></span></td>
            </tr>
            <tr>
                <td width="25%" ><span class="lable"><script language="javascript">swapLang('Name surname ')</script></span> : <span class="span_data"><%= chkNull.chkNullString(request.getParameter("__wf__fullname"),"-") %></span></td>
                <td width="24%"><span class="lable"><script language="javascript">swapLang('Employee id')</script></span> : <span class="span_data"><%=chkNull.chkNullString(request.getParameter("__wf__employeeid"),"-")%></span></td>
                <td width="22%" ><span class="lable"><script language="javascript">swapLang('Position')</script></span> : <span class="span_data"><%= chkNull.chkNullString(request.getParameter("__wf__position"),"-") %></span></td>
                <td width="29%" ><span class="lable"><script language="javascript">swapLang('Section')</script></span> : <span class="span_data"><%= chkNull.chkNullString(request.getParameter("__wf__bu1"),"-") %></span></td>
            </tr>
            <tr>
                <td colspan="2"><span class="lable"><script language="javascript">swapLang('Go to')</script></span> : <span class="span_data"><%= chkNull.chkNullString(request.getParameter("__wf__go_to"),"") %></span></td>
                <td><span class="lable"><script language="javascript">swapLang('Contact')</script></span> : <span class="span_data"><%= chkNull.chkNullString(request.getParameter("__wf__Contact"),"-") %></span></td>
                <td><span class="lable"><script language="javascript">swapLang('Phone')</script></span> : <span class="span_data"><%= chkNull.chkNullString(request.getParameter("__wf__phone"),"-") %></span></td>
            </tr>
            <tr>
                <td width="25%" ><span class="lable"><script language="javascript">swapLang('Objective ')</script></span> : <span class="span_data"><%= chkNull.chkNullString(request.getParameter("__wf__objective"),"-") %></span></td>
                <td width="24%" ><span class="lable"><script language="javascript">swapLang('Go by')</script></span> : <span class="span_data"> <%= chkNull.chkNullString(request.getParameter("__wf__type_go_name"),"-") %></span></td>
                <td width="22%" ><span class="lable"><script language="javascript">swapLang('Brand')</script>-<script language="javascript">swapLang('model')</script></span> : <span class="span_data"><%= chkNull.chkNullString(request.getParameter("__wf__go_by"),"-") %></span></td>
            </tr>
            <tr>
                <td  colspan="4" height="38" valign="middle"><span class="lable"><script language="javascript">swapLang('Travel expense detail')</script> : </td>
            </tr>
        </table>
        <table border="1" width="100%" cellpadding="0" cellspacing="0" style="border-collapse:collapse; font-weight:bold; font-size:11px">
            <tr>
                <td width="70" rowspan="4" align="center" valign="middle" ><script language="javascript">swapLang('Date ')</script></td>
                <td width="61"  rowspan="4" align="center" valign="middle"><script language="javascript">swapLang('Start time')</script></td>
                <td width="61"  rowspan="4" align="center" valign="middle"><script language="javascript">swapLang('End time')</script></td>
                <td width="148"  rowspan="4" align="center" valign="middle"><script language="javascript">swapLang('Area go')</script></td>
                <td width="60"  rowspan="4" align="center" valign="middle"><script language="javascript">swapLang('Car id')</script></td>
                <td colspan="8" align="center" valign="middle"><script language="javascript">swapLang('Expense detail')</script></td>
            </tr>
            <tr>
                <td colspan="5" align="center" valign="middle">1.<script language="javascript">swapLang('Oil')</script></td>
                <td colspan="2" align="center" valign="middle">2.<script language="javascript">swapLang('Tollway and other')</script></td>
                <td width="66"  rowspan="3" align="center" valign="middle" bgcolor="#CCCCCC"><script language="javascript">swapLang('Total Cost')</script>
                    <br> (1)+(2)</td>
            </tr>
            <tr>
                <td colspan="3" align="center" valign="middle"><script language="javascript">swapLang('Number of miles')</script></td>
                <td width="53"  rowspan="2" align="center" valign="middle">
                    <script language="javascript">swapLang('Rate');
                        var lang ="<%=request.getParameter("__language")%>";
                        if(lang!="tha"){document.write("/");}else{}swapLang("ml");
                    </script>
                </td>
                <td width="64"  rowspan="2" align="center" valign="middle"><script language="javascript">swapLang('Total Rate Oil')</script></td>
                <td width="207" rowspan="2" align="center" valign="middle"><script language="javascript">swapLang('Detail')</script></td>
                <td width="59"  rowspan="2" align="center" valign="middle"><script language="javascript">swapLang('Amount ')</script></td>
            </tr>
            <tr>
                <td width="55" align="center" valign="middle"><script language="javascript">swapLang('Start miles')</script></td>
                <td width="55"  align="center" valign="middle"><script language="javascript">swapLang('End miles')</script></td>
                <td width="60"  align="center" valign="middle"><script language="javascript">swapLang('Total miles')</script></td>
            </tr>
        </table>
        <table border="1" width="100%" cellpadding="0" cellspacing="0" style="border-collapse:collapse; font-size:10px;">
            <%
			      DecimalFormat df = new DecimalFormat("####.00");
                  String strRecord = chkNull.chkNullString(request.getParameter("__wf__numrow_list"),",1");
                          String spValue[] = strRecord.split(",");
                         // out.print(strRecord);
                          //out.print(spValue.length);
                          double total_oil_price = 0;
                          double total_amount_pay= 0;
                          double total_pay = 0;
                          double final_total_pay = 0;
                            for(int i = 1 ; i < spValue.length+1 ; i++){
                                total_oil_price +=	 Double.parseDouble(chkNull.chkNullString(request.getParameter("__wf__total_price$"+i),"0.00"));
                                total_amount_pay +=	 Double.parseDouble(chkNull.chkNullString(request.getParameter("__wf__amount_pay$"+i),"0.00"));
                                total_pay=  Double.parseDouble(chkNull.chkNullString(request.getParameter("__wf__total_price$"+i),"0.00")) +  Double.parseDouble(chkNull.chkNullString(request.getParameter("__wf__amount_pay$"+i),"0.00"));
                             final_total_pay += total_pay;
							 final_total_pay =Math.round(final_total_pay);
							

            %>
            <tr align="center">
                <td width="70" ><%=chkNull.chkNullString(request.getParameter("__wf__simtforgetcard1$forget_date$"+i),"-")%></td>
                <td width="61" ><%=chkNull.chkNullString(request.getParameter("__wf__simtforgetcard1$forget_time$"+i),"-")%></td>
                <td width="61" ><%=chkNull.chkNullString(request.getParameter("__wf__simtforgetcard1$forget_time_end$"+i),"-")%></td>
                <td width="148"  style="word-wrap: break-word; text-align:left"><%=chkNull.chkNullString(request.getParameter("__wf__simtforgetcard1$remark$"+i),"-")%></td>
                <td width="60"><%=chkNull.chkNullString(request.getParameter("__wf__carid$"+i),"-")%></td>
                <td width="55"><%=chkNull.chkNullString(request.getParameter("__wf__start_mile$"+i),"-")%></td>
                <td width="55" ><%=chkNull.chkNullString(request.getParameter("__wf__end_mile$"+i),"-")%></td>
                <td width="60" ><%=chkNull.chkNullString(request.getParameter("__wf__total_mile$"+i),"-")%></td>
                <td width="53" ><%=chkNull.chkNullString(request.getParameter("__wf__price$"+i),"-")%></td>
                <td width="64"><%=chkNull.chkNullString(request.getParameter("__wf__total_price$"+i),"-")%></td>
                <td width="207" style="word-wrap: break-word; text-align:left" ><%=chkNull.chkNullString(request.getParameter("__wf__detail$"+i),"-")%></td>
                <td width="59" ><%=chkNull.chkNullString(request.getParameter("__wf__amount_pay$"+i),"-")%></td>
                <td width="66" ><%=(int)Math.round(total_pay)%></td>
            </tr>
            <%}%>
            <tr>
                <td colspan="4" align="center" valign="middle"><b><script language="javascript">swapLang('Total scores')</script></b></td>
                <td colspan="5"  bgcolor="#CCCCCC">&nbsp;</td>
                <td  align="center" valign="middle"><b><%=df.format(total_oil_price)%></b></td>
                <td bgcolor="#CCCCCC">&nbsp;</td>
                <td  align="center" valign="middle"><b><%=total_amount_pay%></b></td>
                <td align="center" valign="middle"><b><%=(int)final_total_pay%></b></td>
            </tr>
        </table>
        <table border="0" width="100%" cellpadding="0" cellspacing="0">
            <tr>
                <td width="796" height="48" align="left" valign="bottom"><b><script language="javascript">swapLang('Remark')</script></b></td>
                <td width="132">&nbsp;</td>
                <td width="131">&nbsp;</td>
            </tr>
            <tr>
                <td style="font-size:12px; text-indent:20px" > 1. <script language="javascript">swapLang('Please specify vehicle registration if using company vehicles or private cars.')</script></td>
                <td align="center" valign="middle">........................................</td>
                <td align="center" valign="middle">........................................</td>
            </tr>
            <tr>
                <td height="32" style="font-size:12px; text-indent:20px" > 2. <script language="javascript">swapLang('Cost of oil will be calculate by 4 km. per litre(private cars only).')</script></td>
                <td align="center" valign="middle">(.........................................)</td>
                <td align="center" valign="middle">(.........................................)</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td align="center" valign="middle"><script language="javascript">swapLang('Requester')</script></td>
                <td align="center" valign="middle"><script language="javascript">swapLang('Approver')</script></td>
            </tr>
        </table>
        <div style="min-height:500px;">&nbsp;</div>
        <table border="0" width="100%" cellpadding="0" cellspacing="0" style="padding-right:20px;" >
            <tr>
                <td align="right" valign="middle"><p style="padding-right:5px;" ><script language="javascript">swapLang('Checker')</script> ....................................................</p></td>
            </tr>
            <tr>
                <td align="right" valign="middle"><p style="padding-right:30px;" ><script language="javascript">swapLang('Date approve')</script> .........../.........../...........</p></td>
            </tr>
        </table>
    </div>
</body>
</html>