<!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");
%>
<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.js'></script>
      <script type='text/javascript' src='JS/PAYSLIP/ShowPaySlip.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'>{{ headerepay.memployee.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'>{{ headerepay.memployee.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'>{{ epaybody.incformula }}</td>
                        <td>{{ epaybody.expcaption }}</td>
                        <td class='center'>{{ epaybody.absent }}</td>
                        <td class='center'>{{ epaybody.expformula }}</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' swlang code='SW012884'>เงินเดือนทั้งปี</th>
                        <th class='center' swlang code='SW012885'>รายได้อื่นทั้งปี</th>
                        <th class='center' swlang code='SW012886'>ภาษีทั้งปี</th>
                        <th class='center' swlang code='SW012887'>ประกันสังคมทั้งปี</th>
                        <th class='center' swlang code='SW012888'>เงินกองทุนสะสมทั้งปี</th>
                        <th class='center' swlang code='SW012889'>รายหักอื่นทั้งปี</th>
                        <th class='center' swlang code='SW012890'>รายได้สุทธิทั้งปี</th>
                     </tr>
                  </thead>
                  <tbody>
                     <tr>
                        <td class='center'>{{ bodyepay.summary.salary_ytd }}</td>
                        <td class='center'>{{ bodyepay.summary.other_income_ytd}}</td>
                        <td class='center'>{{ bodyepay.summary.tax_ytd }}</td>
                        <td class='center'>{{ bodyepay.summary.social_ytd }}</td>
                        <td class='center'>{{ bodyepay.summary.pvf_ytd }}</td>
                        <td class='center'>{{ bodyepay.summary.other_deduct_ytd }}</td>
                        <td class='center'>{{ bodyepay.summary.totalyresult }}</td>
                     </tr>
                  </tbody>
               </table>
               <div class='blank-space'></div>
               <table class='table table-bordered'>
                  <thead>
                     <tr>
                        <th class='center' colspan='2' swlang code='SW012891'>บัญชีธนาคาร</th>
                        <th class='center' swlang code='SW012892'>เงินกองทุนสำรองส่วนพนักงาน</th>
                        <th class='center' swlang code='SW012893'>เงินกองทุนสำรองส่วนบริษัท</th>
                        <th class='center' swlang code='SW012894'>เงินกองทุนสำรองรวม</th>
                     </tr>
                  </thead>
                  <tbody>
                     <tr>
                        <td class='center'>{{ bodyepay.summary.bankid }}</td>
                        <td class='center'>{{ bodyepay.summary.accountid }}</td>
                        <td class='center'>{{ bodyepay.summary.emp_pvf }}</td>
                        <td class='center'>{{ bodyepay.summary.com_pvf }}</td>
                        <td class='center'>{{ bodyepay.summary.totalpvf }}</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%>" />
   </body>
</html>