@{
    ViewBag.Title = "SalaryManagement";
}
<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/tables/jsgrid/jsgrid-theme.min.css">
<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/tables/jsgrid/jsgrid.min.css">
<link rel="stylesheet" type="text/css" href="../app-assets/vendors/css/hopscotch.css">
<script type="text/javascript" src="../Projectscript/Common.js"></script>
@*<script type="text/javascript" src="../Projectscript/timepicker.js"></script>*@
<div class="myData" data-x="M179" />

<style>
      .modal-xlx {
        max-width: 90%;
        margin-left: 10%;
        margin-right: 3%;
    }
    #CELL1 {
        border-right: 1px solid #cccccc;
        border-left: 1px solid #ffffff;
        width: 32%;
    }

    #CELL2 {
        /*padding-left:50px;*/
        border-right: 1px solid #cccccc;
        width: 32%;
    }

    #CELL3 {
        /*padding-left:50px;*/
        border-right: 1px solid #ffffff;
        width: 36%;
    }

    #saltd2 {
        border-left: 5px solid #ffffff;
        border-bottom: red;
    }
</style>

@*<style>
.ui-timepicker-wrapper {
	overflow-y: auto;
	max-height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10001;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}*@



</style>

<div id="Entry" style="margin-top:-12px;">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title mb-0">PayrollCalculation</h4>
                </div>
                <div class="card-body" style="margin-top:-6px">
                    <div class="px-3">
                        <div class="card-content collapse show">
                            <div class="card-body">
                                <div style="height:20px;margin-top:-14px;"></div>
                                <form action="#">
                                    <div class="form-body" style="margin-right:18px;">
                                        <hr style="margin-top:-0.3px;" />

                                        <div class="row" style="background-color:#E0F3F4; margin-left:1px;width:100%;height:121px;margin-top:-1.1%;margin-bottom:-2%;">
                                            <div class="col-md-12" style="margin-top:-.5%;">
                                                <br />
                                                <div class="form-group">
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="row">
                                                            <label class="col-lg-1" style="width:75px">Select<span class="danger">*</span></label>
                                                            <div class="col-md-1">
                                                                <input type="text" id="DateSelect" class="form-control editds ui-autocomplete-input" style="position:absolute;width:150px;" autocomplete="off" />
                                                            </div>
                                                            <div class="col-md-1">
                                                            </div>

                                                            
                                                            <button type="button" style="width:150px" id="btnPayRollCalc" onclick="Calc();" class="btn btn-primary btn-min-width mr-1 mb-1">PayrollProcess<i class="ft-refresh-cw position-right"></i></button>
                                                            <div class="col-md-1">
                                                            </div>
                                                            <label class="col-lg-1" style="width:75px">From<span class="danger">*</span></label>
                                                            <div class="col-md-1">
                                                                <input type="text" id="DateFrom" class="form-control editds ui-autocomplete-input"  style="position:absolute;width:150px;" autocomplete="off" />
                                                            </div>
                                                           
                                                            <div class="col-md-1">
                                                            </div>

                                                            <label class="col-lg-1 text-lg-center" style="margin-left:3px;">To<span class="danger">*</span></label>
                                                            <div class="col-md-1">
                                                                <input type="text" id="DateTo"   class="form-control editds" style="position:absolute;width:200px;">
                                                            </div>
                                                           
                                                     
                                                            @*<label class="col-lg-1 text-lg-center" style="margin-left:3px;">TotalDays<span class="danger">*</span></label>
                                                            <div class="col-md-1">
                                                                <input type="text" id="Days" class="form-control editds" style="position:absolute;width:200px;">
                                                            </div>*@
                                                            </div>


                                                    </div>
                                                    <br />
                                                </div>
                                                
                                            </div>
                                          
                                        </div>

                                      

                               
                                        <hr style="margin-top:2.3%;" />
                             

                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div id="proddiv1" style="width:100%;overflow-x: auto;overflow-y:scroll;height:350px;">
                                                    <table id="tblcategory" class="table table-striped table-bordered base-style dataTable" role="grid" aria-describedby="tblcategory_info"></table>
                                                    <table id="tblCopy" class="table table-striped table-bordered base-style dataTable" role="grid" aria-describedby="tblCopy_info" style="display:none"></table>
</div>
                                                </div>

                                        </div>



                                    <div class="form-actions">
                                        <div class="text-right">
                                         <input id="rowcount" type="hidden" />
                                          
                                            <button type="button" style="width:150px" id="btnPayRollSubmit" onclick="Submit();" class="btn btn-primary btn-min-width mr-1 mb-1" disabled>PayrollSubmit<i class="ft-refresh-cw position-right"></i></button>
                                            <button type="button" style="width:150px" id="btnPayRollCopy" onclick="Copy();" class="btn btn-primary btn-min-width mr-1 mb-1">PayrollCopy<i class="ft-refresh-cw position-right"></i></button>
                                            <button type="button" style="width:150px" id="btnPayRollClear" onclick="Clear();" class="btn btn-primary btn-min-width mr-1 mb-1">Clear<i class="ft-refresh-cw position-right"></i></button>

                                        </div>
                                        @*<input type="text" id="example" data-time-format="H:i" data-step="1" data-min-time="00:00" data-max-time="24:00" data-show-2400="true" />*@
                                    </div>
                                        </div>
                                </form>
                               
                                @*<input type="text" id="example" data-time-format="H:i" data-step="1
" data-min-time="10:00" data-max-time="18:00" data-show-2400="true" />*@
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<div class="modal fade text-left show" id="iconForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" style="padding-right: 17px; display: none;background:rgba(0,0,0,0.5);">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content" style="width:170%;height:500px; margin-left:-240px;border-color:green">
            <div class="modal-header bg-primary white" style="height:80px;">
                <h4 class="modal-title" id="myModalLabel17">Salary Details</h4>
                <button type="button" class="close" data-dismiss="modal" onclick="($('#iconForm').hide())" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="row" style="margin-top:-1%">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="px-3">
                                <div class="card-content collapse show">
                                    <div class="card-body">
                                        <div style="height:15px;"></div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="card" style="margin-top:-16px">
                                                    <table id="">
                                                        <tr>
                                                            <td id="CELL1" valign="top">
                                                                <table width="95%">
                                                                    <tr><td height="20px"></td></tr>
                                                                    <tr>
                                                                        <td>
                                                                            <div class="card-content collapse show">
                                                                                <div class="card-body">
                                                                                    <form class="form">
                                                                                        <div class="form-body">
                                                                                            <div class="row">
                                                                                                <div class="col-md-12">
                                                                                                    <div class="form-group row">
                                                                                                        <label class="col-md-4 label-control" for="userinput1"> Basic Salary<span class="danger">*</span></label>
                                                                                                        <div class="col-md-8">
                                                                                                            <input type="text" id="PSal" onkeyup="changetoupper(this.id)" class="form-control" autocomplete="off" />
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <div class="form-group row">
                                                                                                        <label class="col-md-4 label-control" for="userinput1"> HRA</label>
                                                                                                        <div class="col-md-8">
                                                                                                            <input type="text" id="PHra" onkeyup="changetoupper(this.id)" class="form-control" autocomplete="off" />
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <div class="form-group row">
                                                                                                        <label class="col-md-4 label-control" for="userinput1">DA</label>
                                                                                                        <div class="col-md-8">
                                                                                                            <input type="text" id="PDa" onkeyup="changetoupper(this.id)" class="form-control" autocomplete="off" />
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <div class="form-group row">
                                                                                                        <label class="col-md-4 label-control" for="userinput1">TA</label>
                                                                                                        <div class="col-md-8">
                                                                                                            <input type="text" id="Pta" onkeyup="changetoupper(this.id)" class="form-control" autocomplete="off" />
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <div class="form-group row">
                                                                                                        <label class="col-md-4 label-control" for="userinput1">Night Allowances</label>
                                                                                                        <div class="col-md-8">
                                                                                                            <input type="text" id="PNa" onkeyup="changetoupper(this.id)" class="form-control" autocomplete="off" />
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <div class="form-group row">
                                                                                                        <label class="col-md-4 label-control" for="userinput1">Others</label>
                                                                                                        <div class="col-md-8">
                                                                                                            <input type="text" id="Poth" onkeyup="changetoupper(this.id)" class="form-control" autocomplete="off" />
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </form>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                            <td id="CELL2" valign="top" style="height:400px;">
                                                                <table width="95%">
                                                                    <tr>
                                                                        <td>
                                                                            <div class="card-content collapse show">
                                                                                <div class="card-body">
                                                                                    <form class="form">
                                                                                        <div class="form-body" style="margin-top:3%">
                                                                                            <div class="row" style="margin-left:1%">
                                                                                                <div class="col-md-12">
                                                                                                    <div class="form-group row">
                                                                                                        <label class="col-md-4 label-control" for="userinput1">PF</label>
                                                                                                        <div class="col-md-8">
                                                                                                            <input type="text" id="Ppf" onkeyup="changetoupper(this.id)" class="form-control" autocomplete="off" />
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <div class="form-group row">
                                                                                                        <label class="col-md-4 label-control" for="userinput1"> TAX</label>
                                                                                                        <div class="col-md-8">
                                                                                                            <input type="text" id="Ptax" onkeyup="changetoupper(this.id)" class="form-control" autocomplete="off" />
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <div class="form-group row">
                                                                                                        <label class="col-md-4 label-control" for="userinput1"> ESI</label>
                                                                                                        <div class="col-md-8">
                                                                                                            <input type="text" id="Pesi" onkeyup="changetoupper(this.id)" class="form-control" autocomplete="off" />
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <div class="form-group row">
                                                                                                        <label class="col-md-4 label-control" for="userinput1"> Otherss</label>
                                                                                                        <div class="col-md-8">
                                                                                                            <input type="text" id="PothrDed" onkeyup="changetoupper(this.id)" class="form-control" autocomplete="off" />
                                                                                                        </div>
                                                                                                    </div>

                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </form>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                            <td id="CELL3" valign="top">
                                                                <div class="col-12 col-md-9 col-lg-9">
                                                                    <div class="card">
                                                                        <div class="card-header text-center" style="margin-left:90px">
                                                                            <img id="img1" src="../app-assets/img/portrait/small/avatar-s-12.png" alt="Brek" width="150" class="rounded-circle gradient-mint" onerror="this.onerror=null; this.src='../app-assets/img/portrait/small/avatar-s-12.png';">
                                                                        </div>
                                                                        <div class="card-body">
                                                                            <div class="card-block text-left">
                                                                                <div class="form-group row">
                                                                                    <label class="col-md-3 label-control" for="userinput1" style="margin-left:0px"> Name </label>
                                                                                    <div class="col-md-8" style="margin-left:4%">
                                                                                        <input type="text" id="PName" disabled onkeyup="changetoupper(this.id)" class="form-control" autocomplete="off" style="background-color:white;width:170%;border:none;margin-top:-7px;margin-left:8%;" />
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group row">
                                                                                    <label class="col-md-6 label-control" for="userinput1" style="width:180%;margin-left:0px;margin-top:0px"> Designation </label>
                                                                                    <div class="col-md-6" style="margin-left:-15.5%">
                                                                                        <input type="text" id="PDes" disabled onkeyup="changetoupper(this.id)" class="form-control" autocomplete="off" style="background-color:white;border:none;width:210%" />
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group row">
                                                                                    <label class="col-md-4 label-control" for="userinput1" style="margin-left:0px;margin-top:0px"> Type </label>
                                                                                    <div class="col-md-8">
                                                                                        <input type="text" id="PType" disabled onkeyup="changetoupper(this.id)" class="form-control" autocomplete="off" style="background-color:white;width:180%;border:none;" />
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            </td>
                                                        </tr>
                                                    </table>
                                                    <div class="card-body" style="border-top:1px solid #e3e8e8">
                                                        <br />
                                                        <div class="form-body">
                                                            <div class="form-actions">
                                                                <div class="text-right">
                                                                    <button type="button" style="width:100px" id="btnUpdate" class="btn btn-primary btn-min-width mr-1 mb-1">Update <i class="fa fa-check-square-o"></i></button>
                                                                    @*<button type="button" style="width:100px" id="btnnew" onclick="formrefresh()" class="btn btn-primary btn-min-width mr-1 mb-1">Clear <i class="ft-refresh-cw position-right"></i></button>
                    <button style="display:none" type="button" id="btndelete" class="btn btn-primary btn-min-width mr-1 mb-1">Delete <i class="fa fa-times"></i></button>*@

                                                                </div>
                                                                <input type="hidden" id="POTRate" />
                                                                <input type="hidden" id="POTHrs" />
                                                                <input type="hidden" id="PLeaves" />
                                                                <input type="hidden" id="PHolidays" />
                                                                <input type="hidden" id="PWorkedSession" />
                                                                <input type="hidden" id="PTotalEarnings" />
                                                                <input type="hidden" id="PTotalDeductions" />
                                                                <input type="hidden" id="PNetSalary" />
                                                                <input type="hidden" id="RowID" />
                                                                <input type="hidden" id="PTotalDays_Sess" />
                                                            </div>

                                                        </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>




<div id="popupdiv" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="myheader" style="padding-right: 17px; background:rgba(0,0,0,0.5); height:200%">
    <div class="modal-dialog" role="document" style="top:5%">
        <div class="modal-content">
            <div class="modal-header bg-primary white">
                <h5 class="modal-title" id="myheader">Pay Roll Copy</h5>
                <button type="button" id="close" class="close" onclick="popuprefresh()" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <form id="monthpopup" style="display:none1">
                <div class="modal-body">

                    <fieldset class="form-group floating-label-form-group">
                        <label for="DateFrom">Date Selection</label>
                        <input type="text" id="DatePop" class="form-control">
                    </fieldset>
                  
                </div>
                <input type="hidden" id="FromDates" />
                <input type="hidden" id="ToDates" />
             
                <div class="modal-footer">
                    <button type="button" style="width:100px" id="btnsubmitCopy" onclick="proceed()" class="btn btn-outline-primary">Go</button>
                </div>
            </form>

        </div>
    </div>
</div>




<div id="popupdiv1" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="myheader" style="padding-right: 17px; background:rgba(0,0,0,0.5); height:200%">

    <div id="SalarySettings" style="margin-top:2%; margin-left:30%">
        <div class="row">
            <div class="col-md-10">
                <div class="card" style="width:800px">
                    <div class="card-header" style="border-bottom:1px solid #e6e6e6">
                        <h4 class="card-title mb-0"> SALARY SLIP</h4>
                    </div>
                    <div class="card-body">
                        <div class="px-5" style="width:720px">
                            <div class="card-content collapse show" style="width:650px">
                                <div class="card-body">
                                    <div style="height:15px;"></div>
                                    <form action="#">
                                        <div class="form-body">

                                            <div class="form-group row">
                                                <label class="col-md-3 label-control">Name :</label>
                                                <div class="col-md-8">
                                                    <label id="LName" class="label-control editds ui-autocomplete-input" style="height:90%" disabled></label>
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label class="col-md-3 label-control">Designation :</label>
                                                <div class="col-md-8">
                                                    <label id="LDesignation" class="label-control editds ui-autocomplete-input" style="height:90%" disabled>Developer</label>
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label class="col-md-3 label-control">Date :</label>
                                                <div class="col-md-8">
                                                    <label id="LDate" class="label-control editds ui-autocomplete-input" style="height:90%;width:400px" autocomplete="off" disabled></label>
                                                </div>
                                            </div>
                                            <hr style="margin-bottom:-02px">

                                            @*<div style="margin-left:0px;margin-right:0px;">
                                                <div id="customView" class="jsgrid" style="position: relative; height: auto; width: 99%;border:solid 1px;border-color:#cccccc;border-bottom:1px solid #cccccc;">
                                                    <div class="jsgrid-grid-header jsgrid-header-scrollbar" style="width:650px;">
                                                        <table class="jsgrid-table" style="width:650px;">

                                                            <tr class="jsgrid-grid-header">
                                                                <th class="jsgrid-header-cell jsgrid-align-center " style="width:180px;"><b>Earning</b></th>
                                                                <th class="jsgrid-header-cell jsgrid-align-right " style="width:90px"><b></b></th>
                                                                <th class="jsgrid-header-cell jsgrid-align-center " style="width:180px;"><b>Deduction</b></th>
                                                                <th class="jsgrid-header-cell jsgrid-align-right " style="width:90px"><b></b></th>
                                                            </tr>
                                                            <tr class="jsgrid-header-row ">
                                                                <td class="jsgrid-header-cell jsgrid-align-left " style="width:180px;">Basic Salary  </td>
                                                                <td id="LBasicSalary" class="jsgrid-header-cell jsgrid-align-right " style="width:90px;"> </td>
                                                                <td class="jsgrid-header-cell jsgrid-align-left " style="width:180px;">PF</td>
                                                                <td id="LPF" class="jsgrid-header-cell jsgrid-align-right " style="width:90px;"></td>
                                                            </tr>
                                                            <tr class="jsgrid-header-row">
                                                                <td class="jsgrid-header-cell jsgrid-align-left " style="width:180px;margin-left:auto">HRA  </td>
                                                                <td id="LHRA" class="jsgrid-header-cell jsgrid-align-right " style="width:90px;">  </td>
                                                                <td class="jsgrid-header-cell jsgrid-align-left " style="width:180px;margin-left:auto">Tax  </td>
                                                                <td id="LTax" class="jsgrid-header-cell jsgrid-align-right " style="width:90px;">  </td>
                                                            </tr>
                                                            <tr class="jsgrid-header-row">
                                                                <td class="jsgrid-header-cell jsgrid-align-left " style="width:180px;">TA </td>
                                                                <td id="LTA" class="jsgrid-header-cell jsgrid-align-right " style="width:90px;">  </td>
                                                                <td class="jsgrid-header-cell jsgrid-align-left " style="width:180px;">Deduction </td>
                                                                <td id="LDeduction" class="jsgrid-header-cell jsgrid-align-right " style="width:90px;"> </td>
                                                            </tr>
                                                            <tr class="jsgrid-header-row">
                                                                <td class="jsgrid-header-cell jsgrid-align-left " style="width:180px;">OT</td>
                                                                <td id="LOT" class="jsgrid-header-cell jsgrid-align-right " style="width:90px;"> </td>
                                                                <td class="jsgrid-header-cell jsgrid-align-left " style="width:180px;">ESI </td>
                                                                <td id="LESI" class="jsgrid-header-cell jsgrid-align-right " style="width:90px;"> </td>
                                                            </tr>
                                                            <tr class="jsgrid-header-row">
                                                                <td class="jsgrid-header-cell jsgrid-align-left " style="width:180px;">Other Allowance </td>
                                                                <td id="LALLOWANCE" class="jsgrid-header-cell jsgrid-align-right " style="width:90px;"> </td>
                                                                <td class="jsgrid-header-cell jsgrid-align-left " style="width:180px">  </td>
                                                                <td class="jsgrid-header-cell jsgrid-align-left " style="width:90px"></td>
                                                            </tr>


                                                        </table>
                                                    </div>
                                                    <div id="proddiv" class="jsgrid dataTables_scrollBody" style="position: relative; height: 00px; width: 525px;">
                                                        <table class="jsgrid-table" id="tblDesignationAdd"></table>
                                                    </div>
                                                </div>
                                            </div>*@
                                       
                                        </div>
                                        <div style="margin-left:0px;margin-right:0px;">
                                            <div id="customView" class="" style="position: relative; height: auto; width: 100.5%;border:solid 1px;border-color:#cccccc;border-bottom:1px solid #cccccc;">
                                                <div class="" style="width:650px;">
                                                    <table class="jsgrid-table" style="width:650px;">

                                                        <tr class="jsgrid-grid-header" style="background-color:#ebebe0">
                                                            <th class="jsgrid-header-cell jsgrid-align-center " style="width:155px;"><b>Earning</b></th>
                                                            <th class="jsgrid-header-cell jsgrid-align-right " style="width:115px"><b></b></th>
                                                            <th class="jsgrid-header-cell jsgrid-align-center " style="width:155px;"><b>Deduction</b></th>
                                                            <th class="jsgrid-header-cell jsgrid-align-right " style="width:115px"><b></b></th>
                                                        </tr>
                                                        <tr class="jsgrid-header-row ">
                                                            <td class="jsgrid-header-cell jsgrid-align-right " style="width:155px;text-align:left;margin-left:3%">Basic Salary  </td>
                                                            <td id="LBasicSalary" class="jsgrid-header-cell jsgrid-align-right " style="width:115px;text-align:right"> </td>
                                                            <td class="jsgrid-header-cell jsgrid-align-right " style="width:155px;text-align:left">PF</td>
                                                            <td id="LPF" class="jsgrid-header-cell jsgrid-align-right " style="width:115px;text-align:right"></td>
                                                        </tr>
                                                        <tr class="jsgrid-header-row">
                                                            <td class="jsgrid-header-cell jsgrid-align-right " style="width:155px;margin-left:auto;text-align:left">HRA  </td>
                                                            <td id="LHRA" class="jsgrid-header-cell jsgrid-align-right " style="width:115px;text-align:right">  </td>
                                                            <td class="jsgrid-header-cell jsgrid-align-right " style="width:155px;margin-left:auto;text-align:left">Tax  </td>
                                                            <td id="LTax" class="jsgrid-header-cell jsgrid-align-right " style="width:115px;text-align:right">  </td>
                                                        </tr>
                                                        <tr class="jsgrid-header-row">
                                                            <td class="jsgrid-header-cell jsgrid-align-right " style="width:155px;text-align:left">TA </td>
                                                            <td id="LTA" class="jsgrid-header-cell jsgrid-align-right " style="width:115px;text-align:right">  </td>
                                                            <td class="jsgrid-header-cell jsgrid-align-right " style="width:155px;text-align:left">Deduction </td>
                                                            <td id="LDeduction" class="jsgrid-header-cell jsgrid-align-right " style="width:115px;text-align:right"> </td>
                                                        </tr>
                                                        <tr class="jsgrid-header-row">
                                                            <td class="jsgrid-header-cell jsgrid-align-right " style="width:155px;text-align:left">OT</td>
                                                            <td id="LOT" class="jsgrid-header-cell jsgrid-align-right " style="width:115px;text-align:right"> </td>
                                                            <td class="jsgrid-header-cell jsgrid-align-right " style="width:155px;text-align:left">ESI </td>
                                                            <td id="LESI" class="jsgrid-header-cell jsgrid-align-right " style="width:115px;text-align:right"> </td>
                                                        </tr>
                                                        <tr class="jsgrid-header-row">
                                                            <td class="jsgrid-header-cell jsgrid-align-right " style="width:155px;text-align:left">Other Allowance </td>
                                                            <td id="LALLOWANCE" class="jsgrid-header-cell jsgrid-align-right " style="width:115px;text-align:right"> </td>
                                                            <td class="jsgrid-header-cell jsgrid-align-left " style="width:155px">  </td>
                                                            <td class="jsgrid-header-cell jsgrid-align-left " style="width:115px"></td>
                                                        </tr>


                                                    </table>
                                                </div>
                                                <div id="proddiv" class="jsgrid dataTables_scrollBody" style="position: relative; height: 00px; width: 525px;">
                                                    <table class="jsgrid-table" id="tblDesignationAdd"></table>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row" style="height:20px">
                                            <div class="col-md-12">
                                            </div>
                                        </div>


                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group row">
                                                    <label class="col-md-3 label-control" style="margin-left:300px;margin-bottom:-110px">Total Earnings :</label>
                                                    <div class="col-md-8">
                                                        <input type="text"class="label-control" style="margin-left:100%;text-align:right;width:30%;border:none" id="LTot_earnings"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>




                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group row">
                                                    <label class="col-md-3 label-control" style="margin-left:279px;margin-bottom:-110px">Total Deductions :</label>
                                                    <div class="col-md-8">
                                                        <input type="text" class="label-control" style="margin-left:100%;text-align:right;width:30%;border:none" id="LTot_deductions" />
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        </div>












                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group row">
                                                    <label class="col-md-3 label-control" style="margin-left:323px;margin-bottom:-110px">Net Salary :</label>
                                                    <div class="col-md-8">
                                                        <input type="text" class="label-control" style="margin-left:100%;text-align:right;width:30%;border:none" id="Lnetsalary" />
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <input type="hidden" id="FromCopy" />
                                        <input type="hidden" id="ToCopy" />

                                        <div class="form-actions">
                                            <div class="text-right">
                                                <button id="btnprint" type="button" onclick="printnew()" class="btn btn-outline-primary" autofocus="">Print</button>
                                                <button id="btnclose" type="button" onclick="($('#popupdiv1').hide())" class="btn btn-outline-primary" autofocus="">Close</button>
                                                <input type="hidden" id="rowcount1" value="1" />
                                                <input type="hidden" id="JobId1" />
                                                <input type="hidden" id="DesignationId0" />
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>










<script>


    //$(function () {
    //    $('#example').timepicker();
    //});
    
    var UId = ERPUserId;
    var DeptId = ERPDeptId;
    var TotalDays = 0;
    var StartingDate = $('#DateSelect').val();
    var EndingDate = $('#DateSelect').val();

    $(document).ready(function () {


        var responseText = "<thead><tr><th>Slno</th><th>EmpCode</th><th>EmpName</th><th>TotalEarnings</th><th width=15px>TotalDeductions</th><th>NetSalary</th><th>Edit</th><th Style=Display:none>EmpId</th><th Style=Display:none>DepartmentId </th><th Style=Display:none>LocationId </th><th Style=Display:none>DesignationId</th><th Style=Display:none>DateofJoin</th><th Style=Display:none>Gender </th><th Style=Display:none>DOB </th> <th Style=Display:none>BasicSalary </th><th Style=Display:none>TA</th><th Style=Display:none>NightAlowance </th><th Style=Display:none>HRA </th><th Style=Display:none>EarningOthers</th><th Style=Display:none>PF </th><th Style=Display:none>Tax</th><th Style=Display:none>ESI </th><th Style=Display:none>Otherdeductions  </th><th Style=Display:none>OTRate</th><th Style=Display:none>OTHrs </th><th Style=Display:none>Leaves</th><th Style=Display:none>Holidays</th><th Style=Display:none>WorkedSession </th><th Style=Display:none>PayRollType</th><th Style=Display:none>Designation</th></tr></thead><tbody>";
        $('#tblcategory').html(responseText + '</tbody><tfoot><tr><th>Slno</th><th>EmpCode</th><th>EmpName</th><th>TotalEarnings</th><th>TotalDeductions</th><th>NetSalary</th><th>Edit</th><th style=display:none>EmpID</th><th Style=Display:none>DepartmentId </th> <th Style=Display:none>LocationId </th><th Style=Display:none>DesignationId</th><th Style=Display:none>DateofJoin</th><th Style=Display:none>Gender </th><th Style=Display:none>DOB </th> <th Style=Display:none>BasicSalary </th><th Style=Display:none>TA</th><th Style=Display:none>NightAlowance </th><th Style=Display:none>HRA </th><th Style=Display:none>EarningOthers</th><th Style=Display:none>PF </th><th Style=Display:none>Tax</th><th Style=Display:none>ESI </th><th Style=Display:none>Otherdeductions  </th><th Style=Display:none>OTRate</th><th Style=Display:none>OTHrs </th><th Style=Display:none>Leaves</th><th Style=Display:none>Holidays</th><th Style=Display:none>WorkedSession </th><th Style=Display:none>PayRollType</th><th Style=Display:none>Designation</th></tr></tfoot>');
        table = $('#tblcategory').dataTable({
            //order: [],
            //columnDefs: [{ orderable: false, targets: [0] }],
            "bPaginate": false,
            bFilter: false,
            bInfo: false,
            searching: true
        });

        datatableWithsearch('tblcategory');
        
        

        $('#close').click(function () {

            $('#popupdiv').hide();
        });
        $('#DateSelect').daterangepicker({
            minDate: minDate,
            maxDate: new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()),
            singleDatePicker: true,
            showDropdowns: true,
            locale:
            {
                format: 'DD/MM/YYYY'
            }
        })
        $('#DatePop').daterangepicker({
            minDate: minDate,
            maxDate: new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()),
            singleDatePicker: true,
            showDropdowns: true,
            locale:
            {
                format: 'DD/MM/YYYY'
            }
        })
        $(document).keydown(function (e) {
            if (e.keyCode == 27) { //ESC       :   Popup Close
                $('#iconForm').hide();
            }
        });
    });

    function close1()
    {


    }

    function startenddates() {


        var Dt = $('#DateSelect').val();

        someDate = new Date(Dt.slice(6, 10) + '-' + Dt.slice(3, 5) + '-' + Dt.slice(0, 2));

        someMonth = new Date(Dt.slice(6, 10) + '-' + Dt.slice(3, 5) + '-' + Dt.slice(0, 2));
      
        someDate.setDate(parseInt(someDate.getDate()));

        var a = new Date(someDate.getFullYear(),
                         someDate.getMonth() + 1,
                         0).getDate();
        var month = someMonth.getMonth() + 1;

        if (month < 10)
        {

            month = '0' + month;
        }
     

        StartingDate = "01" + "/" + month + "/" + someMonth.getFullYear();
      
        EndingDate = a + "/" + month + "/" + someMonth.getFullYear();
     

    }
    function startenddatesnew() {


        var Dt = $('#DatePop').val();

        someDate = new Date(Dt.slice(6, 10) + '-' + Dt.slice(3, 5) + '-' + Dt.slice(0, 2));

        someMonth = new Date(Dt.slice(6, 10) + '-' + Dt.slice(3, 5) + '-' + Dt.slice(0, 2));

        someDate.setDate(parseInt(someDate.getDate()));

        var a = new Date(someDate.getFullYear(),
                         someDate.getMonth() + 1,
                         0).getDate();
        var month = someMonth.getMonth() + 1;
    
        if (month < 10) {

            month = '0' + month;
        }


        StartingDate = "01" + "/" + month + "/" + someMonth.getFullYear();

        EndingDate = a + "/" + month + "/" + someMonth.getFullYear();


    }
    function getDateObject(str) {
        var arr = str.split("/");
        return new Date(arr[2], arr[1], arr[0]);
    }
    function Clear()
    {
 
        var UId = ERPUserId;
        var DeptId = ERPDeptId;
        var TotalDays = 0;
        var StartingDate = $('#DateSelect').val();
        var EndingDate = $('#DateSelect').val();

        $('#DateFrom').val('');
        $('#DateTo').val('');
        $('#rowcount').val('');
        $('#tblcategory_wrapper').show();
        $('#tblcategory').show();
    
        $('#tblcategory').dataTable().fnClearTable();
       
        $('#tblCopy_wrapper').hide();
        $('#tblCopy').hide();
        //$('#tblCopy').hide();
        //btnPayRollCalc
        $("#btnPayRollCalc").removeAttr('disabled');

        $("#btnPayRollSubmit").prop("disabled", true);
        $('#DateSelect').focus();
        $("#DateSelect").datepicker(refresh);
       // $('#DateSelect').val(new Date());
      //  $("#DateSelect").datepicker({ dateFormat: "yy/mm/dd" }).datepicker("setDate", new Date());

    }
    function Calc()
    {
        startenddates();

        var date1 = getDateObject(StartingDate);
        var date2 = getDateObject(EndingDate);
        if (date2 - date1 > 0)
        {
            TotalDays = (date2 - date1) / 86400000;

            $('#DateFrom').val(StartingDate);
            $('#DateTo').val(EndingDate);
            $('#Days').val(TotalDays+1);
            
          
            var data = {};
            data.Startingdate = StartingDate
            data.Enddate = EndingDate
            $('#Loading').show();
            $.ajax({
                type: "POST",
                url: "../SalaryManagement/PayRollCheckInfo",
                data: data,
                success: function (result) {
                    for (var i = 0; i <= result.oList.length; i++) {
                        var status = result.oList[i].Status;
                        if (status != 0) {
                            warningshow('AlreadyGeneratedPayRoll')
                            $('#Loading').hide();``
                            Clear();
                        }
                        else {
                            $.ajax({
                                type: "POST",
                                url: "../SalaryManagement/GetPayRollCalcInfo",
                                data: data,
                                success: function (result) {
                                    if (result.length != 0) {
                                        $('#Loading').hide();
                                        PayRollCalcAndDisplay(result.oList);
                                        $("#btnPayRollSubmit").removeAttr('disabled');
                                    }
                                }
                            });
                        }
                    }

                    }
            });

        }
        else {
            warningshow('Please Select ProperDate')
            $('#DateSelect').focus();
            return false;
        }
    }


    function Refresh()
    {
       
        var UId = ERPUserId;
        var DeptId = ERPDeptId;
        var TotalDays = 0;
        var StartingDate = $('#DateSelect').val();
        var EndingDate = $('#DateSelect').val();

        $('#DateFrom').val('');
        $('#DateTo').val('');
        $('#rowcount').val('');

        //$('#tblcategory tr').remove();
        $('#tblcategory_wrapper').show();
        $('#tblcategory').show();
        $('#tblCopy_wrapper').hide();
        $('#tblCopy').hide();
        //$('#tblCopy').hide();
        //btnPayRollCalc
        $("#btnPayRollCalc").removeAttr('disabled');

        $("#btnPayRollSubmit").prop("disabled", true);
        $('#DateSelect').focus();
    
     


    }
    var advanceFlag ;
    function PayRollCalcAndDisplay(result) {

        var TotalDays_Sess = (TotalDays * 2) + 2;
        var slno = 1;
        //
  

       disable_datatable('tblcategory');

       var responseText = "<thead><tr><th>Slno</th><th>EmpCode</th><th>EmpName</th><th>TotalEarnings</th><th width=15px>TotalDeductions</th><th>Advance</th><th>NetSalary</th><th>Edit</th><th Style=Display:none>EmpId</th><th Style=Display:none>DepartmentId </th><th Style=Display:none>LocationId </th><th Style=Display:none>DesignationId</th><th Style=Display:none>DateofJoin</th><th Style=Display:none>Gender </th><th Style=Display:none>DOB </th> <th Style=Display:none>BasicSalary </th><th Style=Display:none>TA</th><th Style=Display:none>NightAlowance </th><th Style=Display:none>HRA </th><th Style=Display:none>EarningOthers</th><th Style=Display:none>PF </th><th Style=Display:none>Tax</th><th Style=Display:none>ESI </th><th Style=Display:none>Otherdeductions  </th><th Style=Display:none>OTRate</th><th Style=Display:none>OTHrs </th><th Style=Display:none>Leaves</th><th Style=Display:none>Holidays</th><th Style=Display:none>WorkedSession </th><th Style=Display:none>PayRollType</th><th style='Display:none'>Flag</th><th Style=Display:none>Designation</th></tr></thead><tbody>";
        //<th style=width:15px;text-align:center><input type=checkbox id=chckHead /></th>

        $('#rowcount').val(result.length)

       for (var i = 0; i < result.length; i++) {
           advanceFlag = 0;
           var PayRollType = result[i].PayRollType;
           var DesignationDescription = result[i].DesignationDescription;
           var advancesal = result[i].SalaryAdvance;
           console.log(advancesal + 'test')
           if (PayRollType == 'normal') {
               var AllowedLeaves = 0;// hardcode.....set in EmployeeTable
               var BasicSalary = result[i].BasicSalary;
               var TA = result[i].TA;
               var NightAlowance = result[i].NightAlowance;
               var HRA = result[i].HRA;
               var EarningOthers = result[i].EarningOthers;
               var PF = result[i].PF;
               var Tax = result[i].Tax;
               var ESI = result[i].ESI;
               var Otherdeductions = result[i].Otherdeductions;
               var OTRate = result[i].OTRate;
               var OTHrs = result[i].OTHrs;
               var Leaves = result[i].Leaves;
               var Holidays = result[i].Holidays;
               console.log(Holidays)
               var WorkedSession = result[i].WorkedSession;                           
               //Calculation Part....

               var PresntDays_Sess = parseInt(WorkedSession) + parseInt(Holidays * 2) + parseInt(AllowedLeaves * 2)
               var LeaveDays_Sess = parseInt(Leaves * 2);
               if ((BasicSalary + TA + NightAlowance + HRA + EarningOthers) != 0) {
                   var GrossSalary_Sess = PresntDays_Sess * ((BasicSalary + TA + NightAlowance + HRA + EarningOthers) / TotalDays_Sess);
                
               }
               else
               {
                   var GrossSalary_Sess = 0;
               }
               if ((PF + Tax + ESI + Otherdeductions) != 0) {
                   var GrossDedUction_Sess = PresntDays_Sess * ((PF + Tax + ESI + Otherdeductions) / TotalDays_Sess);
                 
               }
               else {
                   var GrossDedUction_Sess = 0;
               }
           
               var OTEarnings = OTRate * OTHrs;







               //




               //var PH_WorkedSession = result[i].PH_WorkedSession;
               //if ((BasicSalary + TA + NightAlowance + HRA + EarningOthers + PF + Tax + ESI + Otherdeductions) != 0)
               //{
               //    var PH_Earnings = ((BasicSalary + TA + NightAlowance + HRA + EarningOthers + PF + Tax + ESI + Otherdeductions) / TotalDays_Sess) * PH_WorkedSession
               //}
               //else
               //{
               //    var PH_Earnings=0
               //}







               //







               console.log(OTEarnings)
               var TotalEarnings = GrossSalary_Sess + GrossDedUction_Sess + OTEarnings;
               TotalEarnings = TotalEarnings.toFixed(2);
           
               var TotalDeductions = (TotalEarnings - GrossSalary_Sess - OTEarnings);
               if (TotalDeductions >= 0) {
                   TotalDeductions = TotalDeductions.toFixed(2)
               }
               else {
                   TotalDeductions = 0.00
               }
            
               var NetSal = parseFloat(TotalEarnings - TotalDeductions);
               if (NetSal > 0)
               {
                   var NetSalary = parseFloat((TotalEarnings - TotalDeductions) - advancesal);
                   if (advancesal > 0)
                   {
                       advanceFlag=1;
                   }
                       
               }
               else
               {
                   var NetSalary = NetSal;
               }
               NetSalary = NetSalary.toFixed(Decimal)

               var Leave_Deduction = (TotalEarnings / TotalDays) * Leaves;
               //<td><input type=checkbox id=chckHead /></td>
               responseText = responseText + "<tr id=" + 'row' + slno + "><td  id=" + 'td' + slno + " >"
               + slno + "</td><td  id=" + 'EmpCode' + slno + " >"
               + result[i].EmpCode + "</td><td  id=" + 'Name' + slno + " >"
               + result[i].Name + "</td><td  id=" + 'TotalEarnings' + slno + " >"
               + TotalEarnings + "</td><td  id=" + 'TotalDeductions' + slno + " >"
               + TotalDeductions + "</td><td  id=" + 'Advance' + slno + " >"
               + (parseFloat(result[i].SalaryAdvance).toFixed(Decimal)) + "</td><td  id=" + 'NetSalary' + slno + " >"
               + NetSalary + "</td><td ><a id=" + 'btnId' + slno + " onclick='handleClick( this )'>" + Editbutton + "</a></td> <td  id=" + 'EmpId' + slno + " style='Display:none' >"
               + result[i].EmpId + "</td><td  id=" + 'DepartmentId' + slno + " style='Display:none' >"
               + result[i].DepartmentId + "</td><td  id=" + 'LocationId' + slno + " style='Display:none' >"
               + result[i].LocationId + "</td><td  id=" + 'DesignationId' + slno + " style='Display:none' >"
               + result[i].DesignationId + "</td><td  id=" + 'DateofJoin' + slno + " style='Display:none' >"
               + result[i].DateofJoin + "</td><td  id=" + 'Gender' + slno + " style='Display:none' >"
               + result[i].Gender + "</td><td  id=" + 'DOB' + slno + " style='Display:none' >"
               + result[i].DOB + "</td><td  id=" + 'BasicSalary' + slno + " style='Display:none' >"
               + result[i].BasicSalary + "</td><td  id=" + 'TA' + slno + " style='Display:none' >"
               + result[i].TA + "</td><td  id=" + 'NightAlowance' + slno + " style='Display:none' >"
               + result[i].NightAlowance + "</td><td  id=" + 'HRA' + slno + " style='Display:none' >"
               + result[i].HRA + "</td><td  id=" + 'EarningOthers' + slno + " style='Display:none' >"
               + result[i].EarningOthers + "</td><td  id=" + 'PF' + slno + " style='Display:none' >"
               + result[i].PF + "</td><td  id=" + 'Tax' + slno + " style='Display:none' >"
               + result[i].Tax + "</td><td  id=" + 'ESI' + slno + " style='Display:none' >"
               + result[i].ESI + "</td><td  id=" + 'Otherdeductions' + slno + " style='Display:none' >"
               + result[i].Otherdeductions + "</td><td  id=" + 'OTRate' + slno + " style='Display:none' >"
               + result[i].OTRate + "</td><td  id=" + 'OTHrs' + slno + " style='Display:none' >"
               + result[i].OTHrs + "</td><td  id=" + 'Leaves' + slno + " style='Display:none' >"
               + result[i].Leaves + "</td><td  id=" + 'Holidays' + slno + " style='Display:none' >"
               + result[i].Holidays + "</td><td  id=" + 'WorkedSession' + slno + " style='Display:none' >"
               + result[i].WorkedSession + "</td><td  id=" + 'PayRollType' + slno + " style='Display:none' >"
                + result[i].PayRollType + "</td><td  id=" + 'advanceflg' + slno + " style='Display:none'>"
              + advanceFlag + "</td> <td id=" + 'Designation' + slno + " style='Display:none'>"
               + result[i].DesignationDescription + " </td></tr>"
               $('#tblcategory').append(responseText);
               slno += 1;

         }
           else
               {

               var EmpId = result[i].EmpId;
               var EmpCode = result[i].EmpCode;
               var DepartmentId = result[i].DepartmentId;
               var LocationId = result[i].LocationId;
               var DesignationId = result[i].DesignationId;
               var DateofJoin = result[i].DateofJoin;
               var Gender = result[i].Gender;
               var DOB = result[i].DOB;
               var EmployeeName = result[i].Name;

               var BasicSalary = result[i].BasicSalary;
               var TA = result[i].TA;
               var NightAlowance = result[i].NightAlowance;''
               var HRA = result[i].HRA;
               var EarningOthers = result[i].EarningOthers;
               var PF = result[i].PF;
               var Tax = result[i].Tax;
               var ESI = result[i].ESI;
               var Otherdeductions = result[i].Otherdeductions;
               var OTRate = result[i].OTRate;
               var OTHrs = result[i].OTHrs;
               var Leaves = result[i].Leaves;
               var Holidays = result[i].Holidays;
               var WorkedSession = result[i].WorkedSession;


               //Calculation Part....


               var PresntDays_Sess = 0;
               var LeaveDays_Sess = 0;
               var GrossSalary_Sess = 0;
               var GrossDedUction_Sess = 0;
               var OTEarnings = 0;
               var TotalEarnings = 0;

               TotalEarnings = BasicSalary.toFixed(2);
               var TotalDeductions = 0;
               TotalDeductions = TotalDeductions.toFixed(2);
               var NetSal = parseFloat(TotalEarnings - TotalDeductions);
               if (NetSal > 0) {
                   var NetSalary = parseFloat((TotalEarnings - TotalDeductions) - advancesal);
                   if (advancesal > 0) {
                       advanceFlag = 1;
                   }
               }
               else {
                   var NetSalary = NetSal;
               }
               NetSalary = NetSalary.toFixed(2);

               var Leave_Deduction = (TotalEarnings / TotalDays) * Leaves;
               //<td><input type=checkbox id=chckHead /></td>
               responseText = responseText + "<tr id=" + 'row' + slno + "><td  id=" + 'td' + slno + " >"
               + slno + "</td><td  id=" + 'EmpCode' + slno + " >"
               + result[i].EmpCode + "</td><td  id=" + 'Name' + slno + ">"
               + result[i].Name + "</td><td  id=" + 'TotalEarnings' + slno + ">"
               + TotalEarnings + "</td><td  id=" + 'TotalDeductions' + slno + ">"
               + TotalDeductions + "</td><td  id=" + 'Advance' + slno + ">"
               +(parseFloat( result[i].SalaryAdvance).toFixed(Decimal)) + "</td><td  id=" + 'NetSalary' + slno + " >"
               + NetSalary + "</td><td ><a id=" + 'btnId' + slno + " onclick='handleClick( this )'>" + Editbutton + "</a></td> <td  id=" + 'EmpId' + slno + " style='Display:none'>"
               + result[i].EmpId + "</td><td  id=" + 'DepartmentId' + slno + " style='Display:none'>"
               + result[i].DepartmentId + "</td><td  id=" + 'LocationId' + slno + " style='Display:none'>"
               + result[i].LocationId + "</td><td  id=" + 'DesignationId' + slno + " style='Display:none'>"
               + result[i].DesignationId + "</td><td  id=" + 'DateofJoin' + slno + " style='Display:none'>"
               + result[i].DateofJoin + "</td><td  id=" + 'Gender' + slno + " style='Display:none'>"
               + result[i].Gender + "</td><td  id=" + 'DOB' + slno + " style='Display:none'>"
               + result[i].DOB + "</td><td  id=" + 'BasicSalary' + slno + " style='Display:none'>"
               + result[i].BasicSalary + "</td><td  id=" + 'TA' + slno + " style='Display:none'>"
               + result[i].TA + "</td><td  id=" + 'NightAlowance' + slno + " style='Display:none'>"
               + result[i].NightAlowance + "</td><td  id=" + 'HRA' + slno + " style='Display:none'>"
               + result[i].HRA + "</td><td  id=" + 'EarningOthers' + slno + " style='Display:none'>"
               + result[i].EarningOthers + "</td><td  id=" + 'PF' + slno + " style='Display:none'>"
               + result[i].PF + "</td><td  id=" + 'Tax' + slno + " style='Display:none'>"
               + result[i].Tax + "</td><td  id=" + 'ESI' + slno + " style='Display:none'>"
               + result[i].ESI + "</td><td  id=" + 'Otherdeductions' + slno + " style='Display:none'>"
               + result[i].Otherdeductions + "</td><td  id=" + 'OTRate' + slno + " style='Display:none'>"
               + result[i].OTRate + "</td><td  id=" + 'OTHrs' + slno + " style='Display:none'>"
               + result[i].OTHrs + "</td><td  id=" + 'Leaves' + slno + " style='Display:none'>"
               + result[i].Leaves + "</td><td  id=" + 'Holidays' + slno + " style='Display:none'>"
               + result[i].Holidays + "</td><td  id=" + 'WorkedSession' + slno + " style='Display:none'>"
               + result[i].WorkedSession + "</td><td  id=" + 'PayRollType' + slno + " style='Display:none'>"
               + result[i].PayRollType + "</td><td  id=" + 'advanceflg' + slno + " style='Display:none' >"
              + advanceFlag + "</td><td id=" + 'Designation' + slno + " style='Display:none'>"
               + result[i].DesignationDescription + "</td></tr>"
               $('#tblcategory').append(responseText);
               slno += 1;
           }
       }
        //th></th>
       $('#tblcategory').html(responseText + '</tbody><tfoot><tr><th>Slno</th><th>EmpCode</th><th>EmpName</th><th>TotalEarnings</th><th>TotalDeductions</th><th>Advance</th><th>NetSalary</th><th>Edit</th><th style=display:none>EmpID</th><th Style=Display:none>DepartmentId </th> <th Style=Display:none>LocationId </th><th Style=Display:none>DesignationId</th><th Style=Display:none>DateofJoin</th><th Style=Display:none>Gender </th><th Style=Display:none>DOB </th> <th Style=Display:none>BasicSalary </th><th Style=Display:none>TA</th><th Style=Display:none>NightAlowance </th><th Style=Display:none>HRA </th><th Style=Display:none>EarningOthers</th><th Style=Display:none>PF </th><th Style=Display:none>Tax</th><th Style=Display:none>ESI </th><th Style=Display:none>Otherdeductions  </th><th Style=Display:none>OTRate</th><th Style=Display:none>OTHrs </th><th Style=Display:none>Leaves</th><th Style=Display:none>Holidays</th><th Style=Display:none>WorkedSession </th><th Style=Display:none>PayRollType</th><th style=Display:none></th><th Style=Display:none>Designation</th></tr></tfoot>');

       table = $('#tblcategory').dataTable({
            //order: [],
            //columnDefs: [{ orderable: false, targets: [0] }],
           "bPaginate": false,
           bFilter: true,
           bInfo: false,
           searching: true
 });
       datatableWithsearch('tblcategory');
    }

    function datatableWithsearch(tablename, download, title, tableButtonContainerId) {


        var a = '#' + tablename + ' tfoot th'
        $(a).each(function () {
            var title = $(this).text();

            if (title != 'Edit' && title != 'Slno' && title != 'Credit Limit' && title != 'Due Days' && title != 'O Balance' && title != '')
                $(this).html('<input type="text" class="abc" placeholder="Search ' + title + '" style="width=100%" />');
        });
        var table = null;
        if (download) {
            if (!title || !tableButtonContainerId) { console.log("download table need title and button container"); }

            // AddColumnSelectionButton(tableButtonContainerId, tablename)

            table = $('#' + tablename).DataTable({
                dom: 'Bfrtip',
                buttons: [],

            });



            new $.fn.dataTable.Buttons(table, {
                buttons: [
                {
                    extend: 'collection',
                    text: 'Export',
                    buttons: [
                        {
                            extend: 'excelHtml5',
                            title: title,
                            messageTop: 'EUMI ERP',
                            exportOptions: { columns: ":visible" }
                        },
                        {
                            extend: 'pdfHtml5',
                            title: title,
                            messageTop: 'EUMI ERP',
                            exportOptions: { columns: ":visible" }
                        },
                        {
                            extend: 'print',
                            title: title,
                            messageTop: 'EUMI ERP',
                            exportOptions: { columns: ":visible" }
                        }
                    ]
                },
                'colvis'
                ]
            });
            table.buttons(0, null).container().appendTo($("#" + tableButtonContainerId));
            $("#" + tableButtonContainerId).find(".buttons-collection").addClass("btn-outline-primary mx-1").css("border-radius", "4px");

        } else {
            table = $('#' + tablename).DataTable();

        }
        table.columns().every(function () {
            var that = this;
            $('input', this.footer()).on('keyup change', function () {
                if (that.search() !== this.value) {
                    that
                        .search(this.value)
                        .draw();

                }
            });
        });


        table = $('#' + tablename).DataTable();


    }

    function handleClick(cb) {

  
        var currentId = $(cb).attr('Id');
        var res = currentId.substring(5, currentId.length);
        showpopup();

        $('#PType').val($('#PayRollType' + res).text())
        $('#PName').val($('#Name' + res).text())
        $('#BasicSalary' + res).text()
        $('#PSal').val($('#BasicSalary' + res).text())
        $('#PHra').val($('#HRA' + res).text())
        $('#PDa').val(0)
        $('#Pta').val($('#TA' + res).text())
        $('#PNa').val($('#NightAlowance' + res).text())
        $('#Poth').val($('#EarningOthers' + res).text())
        $('#Ppf').val($('#PF' + res).text())
        $('#Pesi').val($('#ESI' + res).text())
        $('#PothrDed').val($('#Otherdeductions' + res).text())
        $('#PDes').val($('#Designation' + res).text())
        
        $('#Ptax').val($('#Tax' + res).text())
        $('#POTRate').val($('#OTRate' + res).text())
        $('#POTHrs').val($('#OTHrs' + res).text())
        $('#PLeaves').val($('#Leaves' + res).text())
        $('#PHolidays').val($('#Holidays' + res).text())
        $('#PWorkedSession').val($('#WorkedSession' + res).text())
        $('#PTotalEarnings').val($('#TotalEarnings' + res).text())
        $('#PTotalDeductions').val($('#TotalDeductions' + res).text())
        $('#PNetSalary').val($('#NetSalary' + res).text())
        $('#AllowedLeaves').val($('#NetSalary' + res).text())
        $('#PTotalDays_Sess').val(TotalDays);
        $('#RowID').val(res);
    }

    function showpopup() {
        $('#iconForm').show();
    }

    function Submit()
    {
        
        $(document).ready(function () {

            $('.abc').val('');
            $('.abc').keydown();
            $('.abc').keypress();
            $('.abc').keyup();
            $('.abc').blur();


           

            var oArray = new Array();
            var  DelFlag = 1;
            var PayRollCalc = 1;
           
            for (var k = 1; k <= $('#rowcount').val() ; k++) {
       
               
                var EmpId = $('#EmpId'+ k).text();
                var EmpCode = $('#EmpCode' + k).text();
                var Gender = $('#Gender' + k).text();
                var BasicSalary = $('#BasicSalary' + k).text();
                var TA = $('#TA' + k).text();
                var NightAlowance = $('#NightAlowance' + k).text();
                var HRA = $('#HRA' + k).text();
                var EarningOthers = $('#EarningOthers' + k).text();
                var PF = $('#PF' + k).text();
                var Tax = $('#Tax' + k).text();
                var ESI = $('#ESI' + k).text();
                var Otherdeductions = $('#Otherdeductions' + k).text();
                var OTRate = $('#OTRate' + k).text();
                var OTHrs = $('#OTHrs' + k).text();
                var Leaves = $('#Leaves' + k).text();
                var Holidays = $('#Holidays' + k).text();
                var WorkedSession = $('#WorkedSession' + k).text();
                var PayRollType = $('#PayRollType' + k).text();
                var DesignationDescription = $('#Designation' + k).text();
                var Name = $('#Name' + k).text();
                var TotalEarnings = $('#TotalEarnings' + k).text();
                var TotalDeductions = $('#TotalDeductions' + k).text();
                var NetSalary = $('#NetSalary' + k).text();
                var FromDate = $('#DateFrom').val();
                var ToDate = $('#DateTo').val();
                var advflag = $('#advanceflg' + k).val();
                console.log(advflag+'flag')

                if (EmpId != undefined) {
     
                    oArray.push({
                        'EmpId': EmpId,
                        'EmpCode': EmpCode,
                        'Gender': Gender,
                        'BasicSalary': BasicSalary,
                        'TA': TA,
                        'NightAlowance': NightAlowance,
                        'HRA': HRA,
                        'EarningOthers': EarningOthers,
                        'PF': PF,
                        'Tax': Tax,
                        'ESI': ESI,
                        'Otherdeductions': Otherdeductions,
                        'OTRate': OTRate,
                        'OTHrs': OTHrs,
                        'Leaves': Leaves,
                        'Holidays': Holidays,
                        'WorkedSession': WorkedSession,
                        'PayRollType': PayRollType,
                        'DesignationDescription': DesignationDescription,
                        'Name': Name,
                        'TotalEarnings': TotalEarnings,
                        'TotalDeductions': TotalDeductions,
                        'NetSalary': NetSalary,
                        'FromDate':FromDate,
                        'ToDate':ToDate,
                        'PayRollCalc':PayRollCalc,
                        'UId': UId,
                        'DeptId': DeptId,
                        'DelFlag': DelFlag,
                        'advflag': advflag
                    })
                }
         
            }
            console.log(oArray)          
            if (oArray != "") {                
                var data = { 'SalaryManagementModel': oArray };
                $.ajax({
                    type: "POST",
                    url: "../../SalaryManagement/SalaryManagementInsertandUpdate",
                    data: data,
                    success: function (result) {
                        for (var i = 0; i <= result.oList.length; i++) {
                            var status = result.oList[i].Status;
                            $('#btnsubmit1').prop("disabled", false);
                            if (status != 0) {            
                                Showalerts1(status);
                                Clear();
                                //$('#popupdiv1').hide();
                            }
                            else {
                                Showalerts1('Error', Billno);
                                Clear();
                                //$('#popupdiv1').hide();
                            }
                        }
                    }
                });
            }
        });
    }

    function Showalerts1(Status) {
        if (Status == 1) {
            swal('PayRollSavedSuccessfully', "", "success");
            $('.swal-button swal-button--confirm').focus();
            //Refresh();

            //$('#JobName').focus();
        }
        else {
            //Refresh();
            swal("OOPS");
            $('.swal-button swal-button--info').focus();
        }
    }

    function Copy()
    {
        $("#btnPayRollCalc").prop("disabled", true);
  
        $("#popupdiv").show();
    }
    function proceed()
    {

        startenddatesnew();
        var date1 = getDateObject(StartingDate);
        var date2 = getDateObject(EndingDate);
        $('#DateFrom').val(StartingDate);
        $('#DateTo').val(EndingDate);
        var data = {};
        data.Startingdate = StartingDate
        data.Enddate = EndingDate

        $('#Loading').show();
        $.ajax({
            type: "POST",
            url: "../SalaryManagement/GetCopy",
            data: data,
            success: function (result) {
                console.log(result)
                if (result.length != 0) {
                    $('#Loading').hide();
                    ShowCopyDetails(result.oList);
                }
            }
        });

    }


    function copyrefresh()
    {
        $('#rowcount').val('');
        var newtable = $('#tblCopy').DataTable();
        newtable.clear();
        newtable.destroy();
    }


    function ShowCopyDetails(result) {
        
        
        $('#tblcategory_wrapper').hide();

        console.log(result)

        $("btnPayRollCalc").prop("disabled", true);
        console.log(result)
        $('#popupdiv').hide();
        $('#rowcount').val('');
        if (result.length > 0) {
            $('#rowcount').val(parseInt(result.length));
        }
        $('#tblcategory').hide();



        $('#tblCopy').show();

        disable_datatable('tblCopy');

        var responseText = "<thead><tr><th>Slno</th><th>EmpCode</th><th>EmpName</th><th>TotalEarnings</th><th width=15px>TotalDeductions</th><th>NetSalary</th><th>SalarySlip</th><th Style=Display:none>EmpId</th><th Style=Display:none>Gender </th><th Style=Display:none>BasicSalary </th><th Style=Display:none>TA</th><th Style=Display:none>NightAlowance </th><th Style=Display:none>HRA </th><th Style=Display:none>EarningOthers</th><th Style=Display:none>PF </th><th Style=Display:none>Tax</th><th Style=Display:none>ESI </th><th Style=Display:none>Otherdeductions  </th><th Style=Display:none>OTRate</th><th Style=Display:none>OTHrs </th><th Style=Display:none>Leaves</th><th Style=Display:none>Holidays</th><th Style=Display:none>WorkedSession </th><th Style=Display:none>PayRollType</th><th Style=Display:none>Designation</th><th Style=Display:none>From</th><th Style=Display:none>To</th></tr></thead><tbody>";

        
        var slno = 1;

     

        for (var i = 0; i < result.length; i++) {
           
   

            responseText = responseText + "<tr id=" + 'row' + slno + "><td  id=" + 'td' + slno + " >"
              + slno + "</td><td  id=" + 'EmpCode' + slno + " >"
              + result[i].EmpCode + "</td><td  id=" + 'Name' + slno + " >"
              + result[i].Name + "</td><td  id=" + 'TotalEarnings' + slno + " >"
              + result[i].TotalEarnings + "</td><td  id=" + 'TotalDeductions' + slno + " >"
              + result[i].TotalDeductions + "</td><td  id=" + 'NetSalary' + slno + " >"
              + result[i].NetSalary + "</td><td ><a id=" + 'btnId' + slno + " onclick='SalarySlipClick( this )'>" + Editbutton + "</a></td><td  id=" + 'EmpId' + slno + " style='Display:none' >"
               + result[i].EmpId + "</td><td  id=" + 'Gender' + slno + " style='Display:none' >"
               + result[i].Gender + "</td><td  id=" + 'BasicSalary' + slno + " style='Display:none' >"
               + result[i].BasicSalary + "</td><td  id=" + 'TA' + slno + " style='Display:none' >"
               + result[i].TA + "</td><td  id=" + 'NightAlowance' + slno + " style='Display:none' >"
               + result[i].NightAlowance + "</td><td  id=" + 'HRA' + slno + " style='Display:none' >"
               + result[i].HRA + "</td><td  id=" + 'EarningOthers' + slno + " style='Display:none' >"
               + result[i].EarningOthers + "</td><td  id=" + 'PF' + slno + " style='Display:none' >"
               + result[i].PF + "</td><td  id=" + 'Tax' + slno + " style='Display:none' >"
               + result[i].Tax + "</td><td  id=" + 'ESI' + slno + " style='Display:none' >"
               + result[i].ESI + "</td><td  id=" + 'Otherdeductions' + slno + " style='Display:none' >"
               + result[i].Otherdeductions + "</td><td  id=" + 'OTRate' + slno + " style='Display:none' >"
               + result[i].OTRate + "</td><td  id=" + 'OTHrs' + slno + " style='Display:none' >"
               + result[i].OTHrs + "</td><td  id=" + 'Leaves' + slno + " style='Display:none' >"
               + result[i].Leaves + "</td><td  id=" + 'Holidays' + slno + " style='Display:none' >"
               + result[i].Holidays + "</td><td  id=" + 'WorkedSession' + slno + " style='Display:none' >"
               + result[i].WorkedSession + "</td><td  id=" + 'PayRollType' + slno + " style='Display:none' >"
               + result[i].PayRollType + "</td><td  id=" + 'Designation' + slno + " style='Display:none' >"
               + result[i].DesignationDescription + "</td><td  id=" + 'FromDate' + slno + " style='Display:none' >"
               + result[i].FromDate + "</td><td  id=" + 'ToDate' + slno + " style='Display:none' >"
               + result[i].ToDate + "</td></tr>"
 
            console.log(responseText)
            $('#tblCopy').append(responseText);
            slno += 1;
            copyrefresh();
          

        }

      

        $('#tblCopy').html(responseText + '</tbody><tfoot><tr><th>Slno</th><th>EmpCode</th><th>EmpName</th><th>TotalEarnings</th><th>TotalDeductions</th><th>NetSalary</th><th>SalarySlip</th><th Style=Display:none>EmpId</th><th Style=Display:none>Gender </th><th Style=Display:none>BasicSalary </th><th Style=Display:none>TA</th><th Style=Display:none>NightAlowance </th><th Style=Display:none>HRA </th><th Style=Display:none>EarningOthers</th><th Style=Display:none>PF </th><th Style=Display:none>Tax</th><th Style=Display:none>ESI </th><th Style=Display:none>Otherdeductions  </th><th Style=Display:none>OTRate</th><th Style=Display:none>OTHrs </th><th Style=Display:none>Leaves</th><th Style=Display:none>Holidays</th><th Style=Display:none>WorkedSession </th><th Style=Display:none>PayRollType</th><th Style=Display:none>Designation</th><th Style=Display:none>From</th><th Style=Display:none>To</th></tr></tfoot>');

        table = $('#tblCopy').dataTable({
            //order: [],
            //columnDefs: [{ orderable: false, targets: [0] }],
            "bPaginate": false,
            bFilter: false,
            bInfo: false,
            searching: true
        });

        datatableWithsearch('tblCopy');

    }


 


    function SalarySlipClick(cb)
    {

     //   datePlus
  
             
        var currentId = $(cb).attr('Id');
        var res = currentId.substring(5, currentId.length);
        $('#popupdiv1').show();
        //showpopup();

        //$('#PType').val($('#PayRollType' + res).text())
        var datePlus = $('#FromDate' + res).text() + ' To ' + $('#ToDate' + res).text()
        $('#LName').text($('#Name' + res).text())

        
        $('#LDate').text(datePlus)
        $('#FromCopy').val($('#FromDate' + res).text())
        $('#ToCopy').val($('#ToDate' + res).text())
        


        $('#LBasicSalary').text(parseFloat($('#BasicSalary' + res).text()).toFixed(2));
        $('#LHRA').text(parseFloat($('#HRA' + res).text()).toFixed(2));

        //$('#PDa').val(0)

        if ($('#TA' + res).text() == '')
        { $('#LTA').text(0.00) }
        else
        {
            $('#LTA').text(parseFloat($('#TA' + res).text()).toFixed(2));
        }
        
        // $('#PNa').text($('#NightAlowance' + res).text())
     
        $('#ot').val(parseFloat($('#OTRate' + res).text()*$('#OTHrs' + res).text()).toFixed(2))

        $('#LALLOWANCE').text(parseFloat($('#EarningOthers' + res).text()).toFixed(2));

        $('#LPF').text(parseFloat($('#PF' + res).text()).toFixed(2));

        $('#LESI').text(parseFloat($('#ESI' + res).text()).toFixed(2));
  
        $('#LDeduction').text(parseFloat($('#Otherdeductions' + res).text()).toFixed(2));

        $('#LDesignation').text($('#Designation' + res).text());
     
        $('#LTax').text(parseFloat($('#Tax' + res).text()).toFixed(2));



       // $('#POTRate').text($('#OTRate' + res).text())
        //  $('#POTHrs').text($('#OTHrs' + res).text())

        $('#LOT').text(parseFloat($('#OTRate' + res).text() * $('#OTHrs' + res).text()).toFixed(2))
      

        //$('#PLeaves').val($('#Leaves' + res).text())
        //$('#PHolidays').val($('#Holidays' + res).text())
        //$('#PWorkedSession').val($('#WorkedSession' + res).text())
        $('#LTot_earnings').val(parseFloat($('#TotalEarnings' + res).text()).toFixed(2));
        $('#LTot_deductions').val(parseFloat($('#TotalDeductions' + res).text()).toFixed(2));
        $('#Lnetsalary').val(parseFloat($('#NetSalary' + res).text()).toFixed(2)); 
        //$('#AllowedLeaves').val($('#NetSalary' + res).text())
        //$('#PTotalDays_Sess').val(TotalDays);
        //$('#RowID').val(res);


    }



    $(document).ready(function () {

        $('#btnUpdate').click(function () {
       
            var rowid = $('#RowID').val();
            if ($('#PType').val() == 'normal') {
           
                var AllowedLeaves = 0;// hard code to be set in employeetable
                AllowedLeaves = parseInt(AllowedLeaves)
                var WorkedSession = $('#PWorkedSession').val();
                WorkedSession = parseInt(WorkedSession)
                var Holidays = $('#PHolidays').val();
                Holidays = parseInt(Holidays)
                var BasicSalary = $('#PSal').val();
                BasicSalary = parseInt(BasicSalary)
                var TA = $('#Pta').val();
                TA = parseInt(TA)
                var NightAlowance = $('#PNa').val();
                NightAlowance = parseInt(NightAlowance)
                var HRA = $('#PHra').val();
                HRA = parseInt(HRA)
                var EarningOthers = $('#Poth').val();
                EarningOthers = parseInt(EarningOthers)

                var PF = $('#Ppf').val();
                PF = parseInt(PF)
                var Tax = $('#Ptax').val();
                Tax = parseInt(Tax)
                var ESI = $('#Pesi').val();
                ESI = parseInt(ESI)
                var Otherdeductions = $('#PothrDed').val();
                Otherdeductions = parseInt(Otherdeductions)

                var OTRate = $('#POTRate').val();
                OTRate = parseInt(OTRate)
                var OTHrs = $('#POTHrs').val();
                OTHrs = parseInt(OTHrs)

                var Leaves = $('#PLeaves').val();
                Leaves = parseInt(Leaves)

                var TotalDays_Sess = $('#PTotalDays_Sess').val();
                TotalDays_Sess = (parseInt(TotalDays_Sess)*2)+2


                var PresntDays_Sess = parseInt(WorkedSession) + parseInt(Holidays * 2) + parseInt(AllowedLeaves * 2)
                var LeaveDays_Sess = parseInt(Leaves * 2);
             
                //var GrossSalary_Sess = PresntDays_Sess * ((BasicSalary + TA + NightAlowance + HRA + EarningOthers) / TotalDays_Sess);
                //var GrossDedUction_Sess = PresntDays_Sess * ((PF + Tax + ESI + Otherdeductions) / TotalDays_Sess);
                if ((BasicSalary + TA + NightAlowance + HRA + EarningOthers) != 0) {
                    var GrossSalary_Sess = PresntDays_Sess * ((BasicSalary + TA + NightAlowance + HRA + EarningOthers) / TotalDays_Sess);
                }
                else {
                    var GrossSalary_Sess = 0;
                }
                if ((PF + Tax + ESI + Otherdeductions) != 0) {
                    var GrossDedUction_Sess = PresntDays_Sess * ((PF + Tax + ESI + Otherdeductions) / TotalDays_Sess);
                }
                else {
                    var GrossDedUction_Sess = 0;
                }
          
  
                var OTEarnings = OTRate * OTHrs;

                var TotalEarnings = GrossSalary_Sess + GrossDedUction_Sess + OTEarnings;
                TotalEarnings = TotalEarnings.toFixed(2)
                $('#TotalEarnings' + rowid).text(TotalEarnings)

                var TotalDeductions = (TotalEarnings - GrossSalary_Sess - OTEarnings);
                TotalDeductions = TotalDeductions.toFixed(2)
                $('#TotalDeductions' + rowid).text(TotalDeductions)

                var NetSalary = parseFloat(TotalEarnings - TotalDeductions );
                NetSalary = NetSalary.toFixed(2)
                $('#NetSalary' + rowid).text(NetSalary)

                var Leave_Deduction = (TotalEarnings / TotalDays) * Leaves;
                $('#iconForm').hide();

            }
            else {
                var AllowedLeaves = 0;// hard code to be set in employeetable
                AllowedLeaves = parseInt(AllowedLeaves)
                var WorkedSession = $('#PWorkedSession').val();
                WorkedSession = parseInt(WorkedSession)
                var Holidays = $('#PHolidays').val();
                Holidays = parseInt(Holidays)
                var BasicSalary = $('#PSal').val();
                BasicSalary = parseInt(BasicSalary)
                var TA = $('#Pta').val();
                TA = parseInt(TA)
                var NightAlowance = $('#PNa').val();
                NightAlowance = parseInt(NightAlowance)
                var HRA = $('#PHra').val();
                HRA = parseInt(HRA)
                var EarningOthers = $('#Poth').val();
                EarningOthers = parseInt(EarningOthers)

                var PF = $('#Ppf').val();
                PF = parseInt(PF)
                var Tax = $('#Ptax').val();
                Tax = parseInt(Tax)
                var ESI = $('#Pesi').val();
                ESI = parseInt(ESI)
                var Otherdeductions = $('#PothrDed').val();
                Otherdeductions = parseInt(Otherdeductions)

                var OTRate = $('#POTRate').val();
                OTRate = parseInt(OTRate)
                var OTHrs = $('#POTHrs').val();
                OTHrs = parseInt(OTHrs)

                var Leaves = $('#PLeaves').val();
                Leaves = parseInt(Leaves)


                var PresntDays_Sess = 0;
                var LeaveDays_Sess = 0;

                var GrossSalary_Sess = 0;
                var GrossDedUction_Sess = 0;

                var OTEarnings = 0;

                var TotalDays_Sess = $('#PTotalDays_Sess').val();
                TotalDays_Sess = (parseInt(TotalDays_Sess) * 2) + 2

                var TotalEarnings = 0;
                TotalEarnings = BasicSalary.toFixed(2)
                $('#TotalEarnings' + rowid).text(TotalEarnings)

                var TotalDeductions = 0;
                TotalDeductions = TotalDeductions.toFixed(2)
                $('#TotalDeductions' + rowid).text(TotalDeductions)

                var NetSalary = parseFloat(TotalEarnings - TotalDeductions);
                NetSalary = NetSalary.toFixed(2)
                $('#NetSalary' + rowid).text(NetSalary)

                var Leave_Deduction = (TotalEarnings / TotalDays) * Leaves;
                $('#iconForm').hide();

            }
        });
 
    });

    function printnew() {

     var name=   $('#LName').text()

     var BasicSalary = $('#LBasicSalary').text()
     var Hra = $('#LHRA').text()
     var TA = $('#LTA').text()
     var OT = $('#LOT').text()
     var otherearnings = $('#LALLOWANCE').text()

   var pf=  $('#LPF').text()
   var esi=  $('#LESI').text()
   var deduction=  $('#LDeduction').text()
   var tax = $('#LTax').text()


  var totalearnings= $('#LTot_earnings').val()
var totaldeductions=   $('#LTot_deductions').val()
  var netsalary= $('#Lnetsalary').val()



  var designation=$('#LDesignation').text()


  var printdate = $('#FromCopy').val() + ' To ' + $('#ToCopy').val()


            var mywindow = window.open('', 'Medicine Advice', 'height=1500,width=1500');
            mywindow.document.write('<html><body height="200px">');
            mywindow.document.write('<style type="text/css">   #printbdy{ border-collapse: collapse;} #printbdy td {border:1px solid black;}.tbl1{ }#header, #nav, .noprint{display: none;}.print{ page-break-after: always;} </style>');
            mywindow.document.write('<div id="printpart">');
            //myWindow.document.write('<table width=100%><tr><td rowsspan=2><img src="/app-assets/img/text.png" alt="company logo"></td></td></tr> ');
        // myWindow.document.write('<table width=100%><tr align=center><td colspan=6>' + window.CompanySettingsArray.CompanyName + '</td></tr><tr align=center><td colspan=6>' + window.CompanySettingsArray.Address + '</td></tr><tr align=center><td colspan=6>Fax:' + window.CompanySettingsArray.Fax + '</td></tr><tr align=center><td colspan=6>' + window.CompanySettingsArray.Email + '</td></tr><tr align=center><td colspan=6>' + window.CompanySettingsArray.PhoneNo + '</td></tr></table>');
            mywindow.document.write('<table width="100%"><tr><td rowsspan=2><img src="/app-assets/img/text.png" alt="company logo"></td></td></tr><tr><td><table style="font-weight:bold"><tr><td>' + window.CompanySettingsArray.CompanyName + '</td></tr><tr><td>' + window.CompanySettingsArray.Address + '</td></tr><tr><td> Fax:' + window.CompanySettingsArray.Fax + '</td></tr><tr><td>' + window.CompanySettingsArray.Email + '</td></tr></table></td></tr></table></hr>');
            mywindow.document.write('<table width="25%"><tr></tr></table>');
            mywindow.document.write('<table width="25%"><tr></tr></table>');
            mywindow.document.write('<table width="100%"><tr><td  valign="top" align="center"  ><h1>Salary Slip</h1></td></tr></table>');
            mywindow.document.write('<table width="50%"><tr><td  valign="top" align="left">  Name: </td><td width="27%"></td><td  valign="top" align="left">' + name + '</td></tr></table>');
            mywindow.document.write('<table width="50%"><tr><td  valign="top" align="left">  Designation: </td><td  valign="top" align="left">' + designation + '</td></tr></table>');
            mywindow.document.write('<table width="50%"><tr><td  valign="top" align="left">  Date: </td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td  valign="top" align="left">' + printdate + '</td></tr></table>');
            mywindow.document.write('<table width="25%"><tr></tr></table>');
            mywindow.document.write(' <table width="100%" id="printbdy">');
            //mywindow.document.write('<tr><td align="center" colspan="1" width="12%">Earning</td> <td align="center" width="30%">Deduction</td></tr> <tr><td width="30%">Basic Salary <label style="margin-left:200px">' + BasicSalary + '</label></td> <td>PF <label style="margin-left:310px">' + pf + '</label></td></tr> <tr><td width="30%">HRA <label style="margin-left:248px">' + Hra + '</label></td> <td>Tax <label style="margin-left:305px">' + tax + '</label></td></tr>  <tr><td width="30%">TA <label style="margin-left:262px">' + TA + '</label></td> <td>Deduction <label style="margin-left:262px">' + deduction + '</label></td></tr>       <tr><td width="30%">OT<label style="margin-left:265px">' + OT + '</label></td> <td>ESI<label style="margin-left:309px">' + esi + '</label></td></tr>           <tr><td width="30%">Other Allowance <label style="margin-left:173px">' + otherearnings + '</label></td> <td> <label style="margin-left:327px"></label></td></tr>');
            mywindow.document.write('<tr><td align="left" colspan="2" width="12%">Earning</td><td  colspan="2" align="left" width="12%">Deduction</td> </tr>');
            mywindow.document.write('<tr><td width="10%"  align="left">Basic Salary</td><td  align="left">' + BasicSalary + '</td> <td width="10%"  align="left">PF</td><td  align="left">' + pf + '</td> </tr> ');
            mywindow.document.write('<tr><td width="10%"  align="left">HRA</td><td  align="left">' + Hra + '</td> <td width="10%"  align="left">TAX</td><td  align="left">' + tax + '</td> </tr> ');
            mywindow.document.write('<tr><td width="10%"  align="left">TA</td><td  align="left">' + TA + '</td> <td width="10%"  align="left">Deductions</td><td  align="left">' + deduction + '</td> </tr> ');
            mywindow.document.write('<tr><td width="10%"  align="left">OT</td><td  align="left">' + OT + '</td> <td width="10%"  align="left">ESI</td><td  align="left">' + esi + '</td> </tr> ');
            mywindow.document.write('<tr><td width="10%"  align="left">OtherAllowances</td><td  align="left">' + otherearnings + '</td> <td width="10%"  align="left"></td><td  align="left"></td> </tr> ');

            //for (var i = 1; i <= rowlen; i++) {
            //    mywindow.document.write('<tr><td align="center"  width="10%">'
            //   + Slno + '</td><td colspan="1"  width="10%">'
            //   + document.getElementById('EmpCode' + i).innerText + '</td><td align="center"  width="30%">'
            //  + document.getElementById('Empname' + i).innerText + '</td><td align="center"  width="30%">'
            //   + document.getElementById('Des' + i).innerText + '</td><td align="center"  width="15%">'
            //+ document.getElementById('Sal' + i).innerText + '</td></tr>');
            //    Slno += 1;
            //}

            mywindow.document.write('</table>');

         

        //  mywindow.document.write('<table ><tr>   <td align="right">Total Earnings :</td><td align="right">' + totalearnings + '</td>    </tr></table>');
            mywindow.document.write('<table width="25%"><tr></tr></table>');
            mywindow.document.write('<table width="25%"><tr></tr></table>');
            mywindow.document.write('<table ><tr>   <td align="right">Total Earnings :</td><td align="right">' + totalearnings + '</td>  <td width="40%"></td>    <td align="right">Total Deductions :</td><td align="right">' + totaldeductions + '</td>      </tr></table>');
            mywindow.document.write('<table ><tr> <td width="74.5%"></td>   <td align="right">Net Salary :</td><td align="right">' + netsalary + '</td>      </tr></table>');
            mywindow.document.write('<table width="25%"><tr></tr></table>');
            mywindow.document.write('<table width=100%><tr><td height=30px></td></tr><tr><td width=60%> Signature</td></tr></table>');
            mywindow.document.write('</div>');
            mywindow.document.write('</body></html>');
            mywindow.print();
            mywindow.close();

            $('#popupdiv1').hide();
            

    }
 


</script>