<!DOCTYPE html>
<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<%@page import="com.csc.library.system.*,com.csc.library.utilities.*,java.text.*,com.csc.library.databean.*,java.util.Enumeration"%>
<%@ page import="com.csc.library.entry.*,com.csc.library.database.*,com.csc.library.session.*"  %>
<% request.setCharacterEncoding("UTF-8"); %>
<%
   UProfile ups = null;
   if (session != null){
      ups = (UProfile)session.getAttribute("userprofile");
   }

   if (ups == null){
      return ;
   }
   String empid = request.getParameter("__employeeid");
   String prgcode = request.getParameter("__prgcode");
   String gendate = request.getParameter("__gendate");
   String period = request.getParameter("__period");
   String authen = request.getParameter("__authenstatus");
   String months = request.getParameter("months");
   String years = request.getParameter("years");
   String round = request.getParameter("round");
   String salatype = request.getParameter("__salatype");
   String periodofmonth = request.getParameter("__periodofmonth");
   CscCalendar cal_paydate = new CscCalendar(round);
   String epaydate = "";
   String paymentdate = "";
   if (ups.get("lang").equalsIgnoreCase("eng")) {
     epaydate = cal_paydate.getEngLongMonth() + " " + cal_paydate.getYear();
     paymentdate = cal_paydate.getDate() + " " + cal_paydate.getEngLongMonth() + " " + cal_paydate.getYear();
   } else if (ups.get("lang").equalsIgnoreCase("tha")) {
     epaydate = cal_paydate.getThaiLongMonth() + " " + cal_paydate.getYear();
     paymentdate = cal_paydate.getDate() + " " + cal_paydate.getThaiLongMonth() + " " + cal_paydate.getYear();
   }
%>
<html ng-app='EPAYSLIP'>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <link rel='stylesheet' href="../CSS/Bootstrap/css/bootstrap.css">
      <link rel='stylesheet' href='css/epayslip.css'>
      <script type="text/javascript" src="../JS/SCREEN.js"></script>
      <script type="text/javascript" src="../JS/jquery-2.1.3.min.js"></script>
      <script type="text/javascript" src="../public/lib/angular/angular.min.js"></script>
      <script type="text/javascript" src="../JS/ANGULAR/SCREEN_ANGULAR.js"></script>
      <script type='text/javascript' src="../public/lib/angular-resource/angular-resource.min.js"></script>
      <script type='text/javascript' src='JS/PAYSLIP/Module.Controller.js'></script>
      <script type='text/javascript' src='JS/PAYSLIP/services_DHAS.js'></script>
      <script type='text/javascript' src='JS/PAYSLIP/ShowPaySlip_DHAS.Controller.js'></script>
      <script type='text/javascript' src='../JS/EMPVIEW_FUNC.js'></script>
      <script type='text/javascript'>setLang("<%=ups.get("lang")%>")</script>
   </head>
   <body ng-controller='ShowPaySlip'>
      <div class='epay-block'>
         <div class='block-header'>
            <div class='epay-logo'>
               <div class=''>e-Payslip</div>
            </div>
            <div class='myaddress'>
               <div class='myaddress-header'>{{ headerepay.mbranch.tdesc }}</div>
               <div class='myaddress-body'>{{ headerepay.mbranch.taddr }}</div>
            </div>
            <div class='mylogo'>
               <img src="{{ headerepay.mbranch.logo }}" class='img-logo' ng-if="headerepay.mbranch.logo !='' ">
            </div>

         </div>
         <div class='block-title'>
            <div class='row'>
               <div class='col-xs-2 col-sm-2 col-md-2'>
                  <label class='control-label padding-label' swlang code='SW012875'>ประจําเดือน</label>
               </div>
               <div class='col-xs-2 col-sm-2 col-md-2'>
                  <div class='control-label'><%=epaydate%></div>
               </div>
               <div class='col-xs-2 col-sm-2 col-md-2'>
                  <label class='control-label padding-label' swlang code='SW012874'>วันที่จ่ายเงิน</label>
               </div>
               <div class='col-xs-2 col-sm-2 col-md-2'>
                  <div class='control-label'><%=paymentdate%></div>
               </div>
            </div>
            <div class='row'>
               <div class='col-xs-2 col-sm-2 col-md-2'>
                  <label class='control-label padding-label' swlang code='SW003627'>ชื่อ - นามสกุล</label>
               </div>
               <div class='col-xs-2 col-sm-2 col-md-2'>
                  <div class='control-label'>{{ headerepay.memployee.fullname }}</div>
               </div>
               <div class='col-xs-2 col-sm-2 col-md-2'>
                  <label class='control-label padding-label' swlang code='SW000274'>รหัสพนักงาน</label>
               </div>
               <div class='col-xs-2 col-sm-2 col-md-2'>
                  <div class='control-label'>{{ headerepay.memployee.empid }}</div>
               </div>
               <div class='col-xs-2 col-sm-2 col-md-2'>
                  <label class='control-label padding-label' swlang code='SW012876'>วันที่เริ่มทำงาน</label>
               </div>
               <div class='col-xs-2 col-sm-2 col-md-2'>
                  <div class='control-label'>{{ headerepay.memployee.startdate }}</div>
               </div>
            </div>
            <div class='row'>
               <div class='col-xs-2 col-sm-2 col-md-2'>
                  <label class='control-label padding-label' swlang code='SW000057'>ตำแหน่ง</label>
               </div>
               <div class='col-xs-2 col-sm-2 col-md-2'>
                  <div class='control-label'>{{ headerepay.memployee.position}}</div>
               </div>
               <div class='col-xs-2 col-sm-2 col-md-2'>
                  <label class='control-label padding-label'>{{ headerepay.memployee.bu3label}}</label>
               </div>
               <div class='col-xs-4 col-sm-4 col-md-4'>
                  <div class='control-label'>{{ headerepay.memployee.bu3desc}}</div>
               </div>
            </div>
            <div class='row'>
               <div class='col-xs-2 col-sm-2 col-md-2'>
                  <label class='control-label padding-label'>{{ headerepay.memployee.bu2label}}</label>
               </div>
               <div class='col-xs-6 col-sm-6 col-md-6'>
                  <div class='control-label'>{{ headerepay.memployee.bu2desc}}</div>
               </div>
            </div>
            <div class='row mynote'>
               <div class='col-xs-1 col-sm-1 col-md-1'></div>
               <div class='col-xs-10 col-sm-10 col-md-10'>
                  <div>{{ alertbox.getString() }}</div>
               </div>
            </div>
         </div>
         <div class='block-body'>
            <div class='col-xs-1 col-sm-1 col-md-1'></div>
            <div class='col-xs-10 col-sm-10 col-md-10'>
               <table class='table table-bordered no-border-td'>
                  <thead>
                     <tr>
                        <th colspan='3' class='center' swlang code='SW012879'>รายได้</th>
                        <th colspan='3' class='center' swlang code='SW012880'>รายหัก</th>
                     </tr>
                     <tr>
                        <th class='center' swlang code='SW000012'>รายละเอียด</th>
                        <th class='center' swlang code='SW002186'>ชั่วโมง</th>
                        <th class='center' swlang code='SW000017'>จำนวน</th>
                        <th class='center' swlang code='SW000012'>รายละเอียด</th>
                        <th class='center' swlang code='SW002186'>ชั่วโมง</th>
                        <th class='center' swlang code='SW000017'>จำนวน</th>
                     </tr>
                  </thead>
                  <tbody>
                     <tr ng-repeat='epaybody in bodyepay.data'>
                        <td>{{ epaybody.inccaption }}</td>
                        <td class='center'>{{ epaybody.othour }}</td>
                        <td class='center'><span ng-hide="epaybody.incformula=='0.00'">{{ epaybody.incformula }}</span></td>
                        <td>{{ epaybody.expcaption }}</td>
                        <td class='center'>{{ epaybody.absent }}</td>
                        <td class='center'><span ng-hide="epaybody.expformula=='0.00'">{{ epaybody.expformula }}</span></td>
                     </tr>
                     <tr class='summary'>
                        <td colspan='2' swlang code='SW011705' class='right'>รวมรายได้</td>
                        <td class='center'>{{ bodyepay.summary.suminc }}</td>
                        <td colspan='2' swlang code='SW012882' class='right'>รวมรายหัก</td>
                        <td class='center'>{{ bodyepay.summary.sumexp }}</td>
                     </tr>
                     <tr class='summary'>
                        <td colspan='5' swlang code='SW012883' class='right'>เงินได้สุทธิ</td>
                        <td class='center'>{{ bodyepay.summary.total }}</td>
                     </tr>
                  </tbody>
               </table>
               <div class='blank-space'></div>
               <table class='table table-bordered no-border-td'>
                  <thead>
                     <tr>
                        <th class='center'>รายได้สะสม</th>
                        <th class='center'>ภาษีสะสม</th>
                        <th class='center'>ประกันสังคมสะสม</th>
                        <th class='center'>ประกันสังคมสมทบ</th>
                        <th class='center'>เงินกองทุนสะสม</th>
                        <th class='center'>เงินกอบทุนสมทบ</th>
                     </tr>
                  </thead>
                  <tbody>
                     <tr>
                        <td class='center'>{{ bodyepay.summary.inctax }}</td>
                        <td class='center'>{{ bodyepay.summary.acc_nettax }}</td>
                        <td class='center'>{{ bodyepay.summary.acc_netsoc }}</td>
                        <td class='center'>{{ bodyepay.summary.acc_netcsoc }}</td>
                        <td class='center'>{{ bodyepay.summary.acc_netpvf }}</td>
                        <td class='center'>{{ bodyepay.summary.acc_netcpvf }}</td>
                     </tr>
                  </tbody>
               </table>
               <div class='blank-space'></div>
            </div>
            <div class='col-xs-1 col-sm-1 col-md-1'></div>
         </div>
         <div class='block-footer'>
            <div class='row'>
               <div class='col-xs-6 col-sm-6 col-md-6'></div>
               <div class='col-xs-5 col-sm-5 col-md-5'>
                  <div class='footer-title'>{{ footer.title.getString() }}</div>
                  <div class='footer-detail'>{{ footer.body.getString() }}</div>
               </div>
            </div>
            <div class='blank-space'></div>
            <div class='row'>
               <div class='col-xs-7 col-sm-7 col-md-7'></div>
               <div class='col-xs-2 col-sm-2 col-md-2'>
                  <img src="{{ headerepay.mbranch.signature }}" class='footer-image' ng-if="headerepay.mbranch.signature!= ''"></img>
                  <div class='date-signature'>{{ generateDate() }}</div>
               </div>
            </div>
         </div>
      </div>
      <input type='hidden' name='empid' value="<%=empid%>" />
      <input type='hidden' name='prgcode' value="<%=prgcode%>" />
      <input type='hidden' name='gendate' value="<%=gendate%>" />
      <input type='hidden' name='period' value="<%=period%>"/>
      <input type='hidden' name='authen' value="<%=authen%>" />
      <input type='hidden' name='months' value="<%=months%>" />
      <input type='hidden' name='years' value="<%=years%>" />
      <input type='hidden' name='round' value="<%=round%>" />
      <input type='hidden' name='salatype' value="<%=salatype%>" />
      <input type='hidden' name='periodofmonth' value="<%=periodofmonth%>" />
   </body>
</html>