<!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_CAAT.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 padding-bot0'>
          <div class='epay-logo'>
            <div class='center'>ใบแจ้งเงินเดือน</div>
						<div class='center'>Pay Slip</div>
          </div>
          <div class='mylogo left'>
            <img src="{{ headerepay.mbranch.logo }}" class='img-logo' ng-if="headerepay.mbranch.logo !='' ">
          </div>
        </div>

        <div class='block-title'>
					<div class='block-line'> </div>
					<div class='row'>
						<div class='col-xs-2 col-sm-2 col-md-2'>
 							<label class='control-label padding-label' >รหัสพนักงาน(ID)</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-4 col-sm-4 col-md-4'>
							 <label class='control-label padding-label label-right' >ประจําเดือน(Month)</label>
						</div>
						<div class='col-xs-3 col-sm-3 col-md-3'>
							 <div class='control-label'>{{ headerepay.memployee.epaydate}}</div>
						</div>
 					</div>
          <div class='row'>
						<div class='col-xs-2 col-sm-2 col-md-2'>
 							<label class='control-label padding-label' >ชื่อ(Name)</label>
 						</div>
 						<div class='col-xs-3 col-sm-3 col-md-3'>
 							<div class='control-label'>{{ headerepay.memployee.fullname }}</div>
 						</div>
						<div class='col-xs-3 col-sm-3 col-md-3'>
              <label class='control-label padding-label label-right' >วันที่จ่ายเงิน(Pay Date)</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' >ตำแหน่ง(Position)</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'></div>
					 	<div class='col-xs-2 col-sm-2 col-md-2'>
              <label class='control-label padding-label label-right'>ธนาคาร(Bank)</label>
           	</div>
           	<div class='col-xs-4 col-sm-4 col-md-4'>
              <div class='control-label'>{{ bodyepay.summary.bankname }}</div>
           	</div>
          </div>

					<div class='row'>
						<div class='col-xs-2 col-sm-2 col-md-2'>
							 <label class='control-label padding-label'>ฝ่าย(Division)</label>
						</div>
						<div class='col-xs-2 col-sm-2 col-md-2'>
							 <div class='control-label'>{{ headerepay.memployee.bu1desc}}</div>
						</div>
						<div class='col-xs-2 col-sm-2 col-md-2'></div>
						<div class='col-xs-2 col-sm-2 col-md-2'>
							<label class='control-label padding-label label-right'>เลขที่บัญชี(No.)</label>
						</div>
						<div class='col-xs-3 col-sm-3 col-md-3'>
							 <div class='control-label'>{{ bodyepay.summary.accountid }}</div>
						 </div>
					</div>
        </div>
	      <div class='block-body padding-30'>
					<div class='col-xs-7 col-sm-7 col-md-7'>
           	<table class='table table-bordered table-fixed no-border-td'>
              <thead>
                 <tr>
                    <th colspan='2' class='center' >รายได้/Earning</th>
                    <th colspan='2' class='center' >รายหัก/Deduction</th>
                 </tr>
              </thead>
              <tbody>
                 <tr ng-repeat='epaybody in bodyepay.data'>
                    <td>{{ epaybody.inccaption }}</td>
                    <!-- <td>{{ epaybody.othour }}</td> -->
                    <td class='center'>{{ epaybody.incformula }}</td>
                    <td>{{ epaybody.expcaption }}</td>
                    <!-- <td>{{ epaybody.absent }}</td> -->
                    <td class='center'>{{ epaybody.expformula }}</td>
                 </tr>
                 <tr class='summary'>
                    <th class='center'>รวมรายได้</br>Total Earnings</th>
                    <td class='center ver-align'>{{ bodyepay.summary.suminc }}</td>
                    <th class='center'>รวมรายหัก</br>Total</th>
                    <td class='center ver-align'>{{ bodyepay.summary.sumexp }}</td>
                 </tr>
                 <tr class='summary'>
                    <th class='center'>เงินได้สุทธิ</br>Net Income</th>
                    <td colspan='3' class='center ver-align'>{{ bodyepay.summary.total }}</td>
                 </tr>
              </tbody>
           	</table>
	        </div>

					<div class='col-xs-4 col-sm-4 col-md-4'>
						<table class='table table-bordered table-fixed no-border-td'>
              <thead>
                 <tr>
                    <th colspan='2' class='center' >ค่าล่วงเวลา/OT</th>
                 </tr>
              </thead>
              <tbody >
               	<tr ng-repeat='ot in bodyepay.data'>
									<td ng-if="ot.inccaption.indexOf('OT')!=-1 || ot.inccaption.indexOf('ot')!=-1 || ot.inccaption.indexOf('ล่วงเวลา')!=-1">{{ ot.inccaption }}</td>
									<td class='center' ng-if="ot.inccaption.indexOf('OT')!=-1 || ot.inccaption.indexOf('ot')!=-1 || ot.inccaption.indexOf('ล่วงเวลา')!=-1">{{ ot.incformula }}</td>
               	</tr>
								<tr>
									<td></td>
									<td></td>
								</tr>
							</tbody>
							<thead>
                <tr>
                  <th colspan='2' class='center' >ข้อมูลเงินสะสม/Accumulation</th>
                </tr>
              </thead>
							<tbody>
								<tr>
                  <td>เงินได้/Income</td>
									<td class='center'>{{ bodyepay.summary.salary_ytd }}</td>
                </tr>
								<tr>
                  <td>ภาษี/Tax</td>
									<td class='center'>{{ bodyepay.summary.tax_ytd }}</td>
                </tr>
								<tr>
                  <td>กองทุนสำรองเลี้ยงชีพ/PF</td>
									<td class='center'>{{ bodyepay.summary.totalpvf }}</td>
                </tr>
								<tr>
                  <td>อื่นๆ</td>
									<td class='center'>{{ bodyepay.summary.other_income_ytd}}</td>
                </tr>
              </tbody>
           	</table>

						<div class='blank-space'></div>

						<div class='row'>
							<span class='col-xs-4 col-sm-4 col-md-4'>ลงชื่อ/Sign</span>
							<span class='col-xs-8 col-sm-8 col-md-8'>.........................................</span>
						</div>
						<div class='row center'>
							<span class='col-xs-2 col-sm-2 col-md-2'></span>
							<span class='col-xs-10 col-sm-10 col-md-10 right'>(นางพร้อมพร จินดาวงศ์ เนตรหาญ)</span>
						</div>
						<div class='blank-space'></div>
						<div class='row'>
							<span class='col-xs-4 col-sm-4 col-md-4'>วันที่/Date</span>
							<span class='col-xs-8 col-sm-8 col-md-8'>.........................................</span>
						</div>

					</div>

					<div class='row'>
					 	<div class='col-xs-10 col-sm-10 col-md-10'>
							<div>{{ alertbox.getString() }}</div>
						</div>
				 	</div>
				 	<div class='row'>
					 	<div class='col-xs-10 col-sm-10 col-md-10'>
							<div>{{ alertbox2.getString() }}</div>
					 	</div>
				 	</div>
					<div class='blank-space'></div>
				</div>

				<div class='block-footer padding-30'>
					<div class='block-line'> </div>
					<div class='row'>
						<div class='center'>
							<div class='footer-title'>{{ headerepay.mbranch.tdesc }}</div>
							<div>{{ headerepay.mbranch.taddr }}</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>