{{-- watch salary modal --}}

<div class="modal bg-body fade" tabindex="-1" id="it_salary_slip_modal">
    <div class="modal-dialog modal-fullscreen">
        <div class="modal-content shadow-none">
            <div class="modal-header">
                <h3 class="modal-title">Salary Slip</h3>

                <div class="d-flex " style="margin-left: 150px;">
                    
                    <div>
                        

                        <select class="form-select"   id="hr_salary_user_select"   >
                            <option value=''>Select The User</option>
                            @php    
                            $active_users=App\Models\User::where('IsActive',1)->whereIn('roleID',[18,19,20,21,22,23,24,25,26,27,29])->orderBy('FullName','asc')->get();
                            @endphp
                            @foreach($active_users as $user)
                            <option value="{{$user->UserID}}">{{$user->FullName}}</option>
                            @endforeach
                        </select>


                    </div>

                    <input type="text" class="form-control" placeholder="Search Salary" style="    width: 40%;margin-left:25px"
                        id="salary_search_picker">


                    <a id="salary_slip_search" class="mt-3 mx-5  " href="#"><i
                            class="bi bi-arrow-repeat fa-2x"></i></a>
                </div>

                <div> <a href="#" id="export_to_pdf_salary_slip">DOWNLOAD </a> </div>
                <!--begin::Close-->
                <div class="btn btn-icon btn-sm btn-active-light-primary ms-2" data-bs-dismiss="modal"
                    aria-label="Close">
                    <i class="ki-duotone ki-cross fs-2x"><span class="path1"></span><span class="path2"></span></i>
                </div>
                <!--end::Close-->
            </div>

            <div id="salary_export_target"> 
            <div class="modal-body" >
            <div class="row">
                <div class="col-md-2"></div>
                <div class="col-md-8">
                    <div class=" card shadow ">
                        <div class="card-body">
                         <div class="d-flex align-items-center justify-content-between">
                            <img src="assets/new-logo.png"  alt="logo" class="w-25">
                            <h2 id='salary_month' style="text-align: center">Search To Populate data</h2>
                         </div>
                        </div>
                    </div>

                </div>
                <div class="col-md-2"></div>
            </div>
              
                <div class="row mt-5">

                     
                <div class="col-md-2"></div>
                    <div class="col-md-8">


                        <div class="card shadow">
                            <div class="card-body">
                                {{-- basic info --}}
                                <div class="row">
                                   
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>Name</label>
                                            <label id="salary_name" class="form-control"></label>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>Department</label>
                                            <label id="salary_department" class="form-control"></label>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>Designation</label>
                                            <label id="salary_designation" class="form-control"> </label>
                                        </div>
                                    </div>
 
                                </div>
                                {{-- basic info --}}


                            
                            
                            </div>
                        </div>
                    </div>
                  
                 <div class="col-md-2"></div>

                    

                     
                </div>


                <div class="row mt-5">
                    <div class="col-md-2"></div>
                    <div class="col-md-8">
                        <div class="card shadow">
                            <div class="card-body">
                            
                                        {{-- basic pay --}}
                                        <div class="row mt-3 pb-3 d-flex align-items-center border border-top-0   border-right-0   border-left-0 border-bottom-1">
                                            <div class="col-md-10">
                                                <div class="form-group">
                                                    <h5 style="text-align: right">Basic Salary</h5>
                                                    
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                               
                                                    <input id="salary_basic_pay" style="text-align: right" class="form-control" value="0">
                                                
                                            </div>

                                        </div>
                                        {{-- basic pay --}}

                                        <div class="row mt-5 py-1 border border-top-0 bg-success  border-right-0   border-left-0 border-bottom-1 "><h2 class="fw-bold text-white mt-2">ALLOWANCES AND ADJUSTMENTS</h2></div>


                                           {{-- allowance --}}
                                           <div class="row mt-3  d-flex align-items-center">
                                                <div class="col-md-10">
                                                    <div class="form-group">
                                                        <h5 style="text-align: right">CONVEYANCE ALLOWANCE	</h5>
                                                        
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                   
                                                    <input  type="number" class="form-control" value="0" id="salary_conveyance_allowance" /> 
                                                
                                                </div>

                                            </div>


                                            <div class="row mt-3 d-flex align-items-center">
                                                <div class="col-md-10">
                                                    <div class="form-group">
                                                        <h5 style="text-align: right">RELIABILITY BONUS</h5>
                                                        
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    
                                                    <input  type="number" class="form-control" value="0" id="salary_reliability_bonus" />
                                                   
                                                </div>

                                            </div>

                                            <div class="row mt-3 pb-3 d-flex align-items-center border border-top-0   border-right-0   border-left-0 border-bottom-1">
                                                <div class="col-md-10">
                                                    <div class="form-group">
                                                        <h5 style="text-align: right">ADJUSTMENTS</h5>
                                                        
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    
                                                    <input  type="number" class="form-control" value="0" id="salary_adjustments" />
                                                   
                                                </div>

                                            </div>



                                           {{-- sllowance ended --}}

                                           {{-- performance related --}}
                                           <div class="row mt-5 py-1 border border-top-0   border-right-0   border-left-0 border-bottom-1  bg-success  "><h2 class="fw-bold text-white mt-2">PERFORMANCE RELATED REWARD</h2></div>

                                                <div class="row mt-3 pb-3 d-flex align-items-center border border-top-0   border-right-0   border-left-0 border-bottom-1">
                                                    <div class="col-md-6">
                                                   
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <input  type="number" class="form-control" value="" id="salary_performance_text" />
                                                            
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group">
                                                            <input  type="number" class="form-control" value="0" id="salary_performance_amount" />
                                                        </div>
                                                    </div>

                                            </div>
                                            {{-- performance related --}}

                                            {{-- extra day section --}}
                                            <div class="row mt-5 py-1 border border-top-0   border-right-0   border-left-0 border-bottom-1  bg-success  "><h2 class="fw-bold text-white mt-2">EXTRA DAY SALARY</h2></div>

                                            <div class="row mt-3 pb-3 d-flex align-items-center border border-top-0   border-right-0   border-left-0 border-bottom-1">
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <input  type="text" class="form-control" placeholder="Extra Day Name" id="salary_extra_day_name" />
                                                        
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <input  type="number" class="form-control" onkeyup="extra_day_calc()" value="0" id="salary_extra_day_count" />
                                                    </div>
                                                </div>

                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label class="form-control" style="text-align: right"  id="salary_extra_day_amount">0</label>
                                                    </div>
                                                </div>

                                            </div>
                                            {{-- extra day section ended --}}


                                                     {{-- gross salary --}}
                                           <div class="row mt-5 py-1 border border-top-0   border-right-0   border-left-0 border-bottom-1  bg-success  "><h2 class="fw-bold text-white mt-2">GROSS SALARY</h2></div>

                                           <div class="row mt-3 pb-3 d-flex align-items-center border border-top-0   border-right-0   border-left-0 border-bottom-1">
                                               <div class="col-md-10">
                                                   <div class="form-group">
                                                       <h5 style="text-align: right"  >Gross Salary</h5>
                                                       
                                                   </div>
                                               </div>
                                               <div class="col-md-2">
                                                   <div class="form-group">
                                                       <h3 id="salary_gross_salary" style="text-align: right" >0.00000</h3>
                                                   </div>
                                               </div>

                                           </div>
                                       {{-- gross salary --}}

                 
                                                    {{-- loan salary --}}
                                                    <div class="row mt-5 py-1 border border-top-0   border-right-0   border-left-0 border-bottom-1  bg-danger  "><h2 class="fw-bold text-white mt-2">LOAN</h2></div>

                                                    <div class="row mt-3 pb-3 d-flex align-items-center border border-top-0   border-right-0   border-left-0 border-bottom-1">
                                                        <div class="col-md-6">
                                                            
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <input  type="text" class="form-control"   id="salary_loan_text" />
                                                                
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <div class="form-group">
                                                                <input  type="text" class="form-control" id="salary_loan_amount"  />
                                                            </div>
                                                        </div>
         
                                                    </div>
                                                {{-- loan salary --}}

                                                {{-- {{Provident Fund}} --}}
                                                <div class="row mt-5 py-1 border border-top-0   border-right-0   border-left-0 border-bottom-1  bg-danger  "><h2 class="fw-bold text-white mt-2">Provident Fund</h2></div>

                                                <div class="row mt-3 pb-3 d-flex align-items-center border border-top-0   border-right-0   border-left-0 border-bottom-1">
                                                    <div class="col-md-6">
                                                        
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                           
                                                            <h5 style="text-align: right">Provident Fund</h5> 
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group">
                                                            <h3 id="salary_provident_fund" style="text-align: right" >0.00000</h3>
                                                        </div>
                                                    </div>
     
                                                </div>
                                                    

                                                {{-- {{Provident Fund}} --}}

                                                 {{-- deduction salary --}}
                                                 <div class="row mt-5 py-1 border border-top-0   border-right-0   border-left-0 border-bottom-1  bg-danger  "><h2 class="fw-bold text-white mt-2">DEDUCTION</h2></div>

                                                        <div class="row mt-3 pb-3 d-flex align-items-center border border-top-0   border-right-0   border-left-0 border-bottom-1">
                                                                    <div class="col-md-10">
                                                                        <div class="form-group">
                                                                            <h5 style="text-align: right" id="salary_late_in_early_out">0  LATE IN AND  0 EARLY OUT</h5>
                                                                            
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-2">
                                                                        <div class="form-group">
                                                                            <h3 id="salary_late_in_early_out_amount" style="text-align: right" >0.00000</h3>
                                                                        </div>
                                                                    </div>
                
                                                        </div>


                                                        <div class="row mt-3 pb-3 d-flex align-items-center border border-top-0   border-right-0   border-left-0 border-bottom-1">
                                                            <div class="col-md-10">
                                                                <div class="form-group">
                                                                    <h5 style="text-align: right" id="salary_absentees">0 ABSENTEES</h5>
                                                                    
                                                                </div>
                                                            </div>
                                                            <div class="col-md-2">
                                                                <div class="form-group">
                                                                    <h3   id="salary_absentees_amount" style="text-align: right" >0.00000</h3>
                                                                </div>
                                                            </div>
        
                                                        </div>

                                                        <div class="row mt-3 pb-3 d-flex align-items-center border border-top-0   border-right-0   border-left-0 border-bottom-1">
                                                            <div class="col-md-10">
                                                                <div class="form-group">
                                                                    <h5 style="text-align: right" id="salary_half_day">0 HALF DAY</h5>
                                                                    
                                                                </div>
                                                            </div>
                                                            <div class="col-md-2">
                                                                <div class="form-group">
                                                                    <h3 id="salary_half_day_amount" style="text-align: right" >0.00000</h3>
                                                                </div>
                                                            </div>
        
                                                        </div>
                                             {{-- deduction salary --}}


                                             {{-- performance base deduction salary --}}
                                                  <div class="row mt-5 py-1 border border-top-0   border-right-0   border-left-0 border-bottom-1  bg-danger  "><h2 class="fw-bold text-white mt-2">Performance Based Deductions</h2></div>

                                                  <div class="row mt-3 pb-3 d-flex align-items-center border border-top-0   border-right-0   border-left-0 border-bottom-1">
                                                              <div class="col-md-10">
                                                                  <div class="form-group">
                                                                      <h5 style="text-align: right" id="salary_absent_due_to_low_performance">0 ABSENT DUE TO LOW PERFORMANCE</h5>
                                                                      
                                                                  </div>
                                                              </div>
                                                              <div class="col-md-2">
                                                                  <div class="form-group">
                                                                      <h3 id="salary_absent_due_to_low_performance_amount" style="text-align: right" >0.00000</h3>
                                                                  </div>
                                                              </div>
          
                                                  </div>


                                                  <div class="row mt-3 pb-3 d-flex align-items-center border border-top-0   border-right-0   border-left-0 border-bottom-1">
                                                      <div class="col-md-10">
                                                          <div class="form-group">
                                                              <h5 style="text-align: right" id="salary_half_due_to_low_performance">0 HALF DAY DUE TO LOW PERFORMANCE</h5>
                                                              
                                                          </div>
                                                      </div>
                                                      <div class="col-md-2">
                                                          <div class="form-group">
                                                              <h3   id="salary_half_due_to_low_performance_amount" style="text-align: right" >0.00000</h3>
                                                          </div>
                                                      </div>
  
                                                  </div>

                                                  <div class="row mt-3 pb-3 d-flex align-items-center border border-top-0   border-right-0   border-left-0 border-bottom-1">
                                                        <div class="col-md-10">
                                                            <div class="form-group">
                                                                <h5 style="text-align: right" id="salary_deduction_due_to_incomplete_shift">0 DEDUCTION DUE TO INCOMPLETE SHIFT</h5>
                                                                
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <div class="form-group">
                                                                <h3   id="salary_deduction_due_to_incomplete_shift_amount" style="text-align: right" >0.00000</h3>
                                                            </div>
                                                        </div>

                                                    </div>

                                                    <div class="row mt-3 pb-3 d-flex align-items-center border border-top-0   border-right-0   border-left-0 border-bottom-1">
                                                        <div class="col-md-6">
                                                            
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <input type="text" class="form-control" id="salary_other_deduction" />
                                                                
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <div class="form-group">
                                                                <input type="number" class="form-control" value="0" id="salary_other_deduction_charge" />
                                                            </div>
                                                        </div>

                                                    </div>
                                       {{-- performance base deduction salary --}}


                                                   {{-- tax salary --}}
                                                   <div class="row mt-5 py-1 border border-top-0   border-right-0   border-left-0 border-bottom-1  bg-danger  "><h2 class="fw-bold text-white mt-2">TAX</h2></div>

                                                   <div class="row mt-3 pb-3 d-flex align-items-center border border-top-0   border-right-0   border-left-0 border-bottom-1">
                                                       <div class="col-md-10">
                                                           <div class="form-group">
                                                               <h5 style="text-align: right"  >Tax</h5>
                                                               
                                                           </div>
                                                       </div>
                                                       <div class="col-md-2">
                                                           <div class="form-group">
                                                               <input type="number" id="salary_tax_amount" name="manual_tax" style="text-align: right" placeholder="0.00000" class="form-control">
                                                           </div>
                                                       </div>
        
                                                   </div>
                                               {{-- tax salary --}}


                                                                                  {{-- net salary --}}
                                                                                  <div class="row mt-5 py-1 border border-top-0   border-right-0   border-left-0 border-bottom-1    "><h2 class="fw-bold text-white mt-2">NET SALARY</h2></div>

                                                                                  <div class="row mt-3 pb-3 d-flex align-items-center border border-top-0   border-right-0   border-left-0 border-bottom-1">
                                                                                      <div class="col-md-10">
                                                                                          <div class="form-group">
                                                                                              <h5 style="text-align: right"  >Net Salary</h5>
                                                                                              
                                                                                          </div>
                                                                                      </div>
                                                                                      <div class="col-md-2">
                                                                                          <div class="form-group">
                                                                                              <h3 id="salary_net_amount" style="text-align: right" >0.00000</h3>
                                                                                          </div>
                                                                                      </div>
                                       
                                                                                  </div>
                                                                              {{-- net salary --}}

                                                                              <input type="hidden" id='hidden_absent_count' value='' />
                                                                              <input type="hidden" id='hidden_half_day_count' value='' />
                                                                              <input type="hidden" id='hidden_salary_absent_low_performance' value='' />
                                                                              <input type="hidden" id='hidden_salary_half_low_performance' value='' />
                                                                              <input type="hidden" id='hidden_salary_deducation_incomplete_shift' value='' />
                                                                            
                                                                              <input type="hidden" id='salary_save_status' value='' />
                                                                              <input type="hidden" id='salary_id' value='' />

                            </div>

                         
                                <div class="col-md-12 d-flex justify-content-center">
            
                                    <button style="display:none" class="btn btn-active-primary my-3 mx-3" id="salary_calculate_function" onclick="salary_calculate_function()"><i class="fs-2x bi bi-calculator"></i></button>
                                    <button style="display:none" class="btn btn-active-success my-3 mx-3" id="salary_save_function" onclick="salary_save_function()"><i class="fs-2x bi bi-save2"></i></button>
                                    <button style="display:none" class="btn btn-active-danger my-3 mx-3" id="salary_delete_function" onclick="salary_delete_function()"><i class="fs-2x bi bi-trash"></i></button>
                                </div>
            
                        

                        </div>
                    </div>
                    <div class="col-md-2"></div>

                  

                </div>

              

            </div>



            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                
            </div>
        </div>
    </div>
</div>

{{-- watch salary modal end --}}


<script>

// $("#hr_salary_user_select").select2({
//     dropdownParent: $('#it_salary_slip_modal')
// });

    $(document).ready(function() {
        $('#hr_salary_user_select').change(function() {
            var selectedUserID = $(this).val();
            var validUserIDs = [15, 90, 175];
            // console.log(validUserIDs);
            
            if (validUserIDs.includes(parseInt(selectedUserID))) {
                $('#salary_basic_pay').prop('disabled', false);
            } else {
                $('#salary_basic_pay').prop('disabled', true);
            }
        });
    });

function salary_save_function() {
    let date = $("#salary_search_picker").val();
    let user = $('#hr_salary_user_select').val();
    $.ajax({
        url: 'hr-user-salary-add',
        type: 'post',
        data: {
            user_id: user,
            full_name: $('#salary_name').html(),
            month: date,
            basic_pay: $('#salary_basic_pay').val(),
            gross: $('#salary_gross_salary').html(),
            salary_performance_text: $('#salary_performance_text').val(),
            salary_performance_amount: $('#salary_performance_amount').val(),
            salary_extra_day_name: $('#salary_extra_day_name').val(),
            salary_extra_day_count: $('#salary_extra_day_count').val(),
            salary_extra_day_amount: $('#salary_extra_day_amount').html(),
            salary_conveyance_allowance: $('#salary_conveyance_allowance').val(),
            salary_reliability_bonus: $('#salary_reliability_bonus').val(),
            salary_adjustments: $('#salary_adjustments').val(),
            salary_provident_fund: $('#salary_provident_fund').html(),
            salary_loan_text: $('#salary_loan_text').val(),
            salary_loan_amount: $('#salary_loan_amount').val(),
            salary_other_deduction: $('#salary_other_deduction').val(),
            salary_other_deduction_charge: $('#salary_other_deduction_charge').val(),
            LateInAndEarlyOutCount: $('#salary_late_in_early_out').html(),
            LateInAndEarluOutCharges: $('#salary_late_in_early_out_amount').html(),
            AbsentCount: $('#salary_absentees').html(),
            AbsentCharge: $('#salary_absentees_amount').html(),
            HalDayCount: $('#salary_half_day').html(),
            HalfDayCharge: $('#salary_half_day_amount').html(),
            AbsentDueToLowPerformanceCount: $('#salary_absent_due_to_low_performance').html(),
            AbsentDueToLowPerformanceCharge: $('#salary_absent_due_to_low_performance_amount').html(),
            HalfDueToLowPerformanceCount: $('#salary_half_due_to_low_performance').html(),
            HalfDueToLowPerformanceCharge: $('#salary_half_due_to_low_performance_amount').html(),
            DeductionDueToInCompleteShiftCount: $('#salary_deduction_due_to_incomplete_shift').html(),
            DeductionDueToInCompleteShiftCharges: $('#salary_deduction_due_to_incomplete_shift_amount').html(),
            Tax: $('#salary_tax_amount').val(),
            NetSalary: $('#salary_net_amount').html(),
        },
        success: function(response) {
            $('#salary_slip_search').trigger("click");

            Swal.fire({
                html: 'Salary Slip Created Successfully',
                icon: "success",
            });
        },
        error: function(xhr) {
            console.log(xhr);
        }
    });
}

    function salary_delete_function(){
        Swal.fire({
            html: 'Delete Salary Slip',
            icon: "warning",
            buttonsStyling: false,
            showCancelButton: true,

            confirmButtonText: "Yes Delete it!",
            cancelButtonText: 'Nope, cancel it',
            customClass: {
                confirmButton: "btn btn-primary",
                cancelButton: 'btn btn-danger'
            }
        }).then((willDelete) => {
            if (willDelete.isConfirmed == true) {

                $.ajax({
                    url: 'hr-delete-salary-slip',
                    method: 'POST',
                    data: {

                        'salary_id':  $('#salary_id').val()
                    },
                    success: function(response) {


                    $('#salary_slip_search').trigger("click");


                    },
                    error: function(xhr, status, error) {
                        console.log(error);

                    }
                });
            }
        });

    }



$('#it_salary_slip').click(function() {
        $('#it_salary_slip_button').click();

    });

    $('#salary_slip_search').click(function() {
         if($("#hr_salary_user_select").val()==''){
            $("#hr_salary_user_select").addClass('is-invalid')
        return;
        }else{
            
            $("#hr_salary_user_select").removeClass('is-invalid')
        }
        show_loader();



        let date = $("#salary_search_picker").val();
        let user = $('#hr_salary_user_select').val();
        $.ajax({
            url: '/hr-salary-search',
            type: 'post',
            data: {
                salary_date: date,
                user_id:user
            },
            success: function(response) {
                console.log(response);
                $('#salary_name').html(response.full_name);
                $('#salary_department').html(response.department);
                $('#salary_designation').html(response.designation);
                $('#salary_basic_pay').val(response.basic_salary);
                $('#salary_month').html(response.salary_month);
                $('#salary_provident_fund').html(response.provident_fund);
                $('#salary_conveyance_allowance').val(response.conveyance_allowance_amount);
                $('#salary_reliability_bonus').val(response.reliability_bonus_amount);
                $('#salary_adjustments').val(response.adjustment_amount);
                $('#salary_performance_text').val(response.performance_text);
                $('#salary_performance_amount').val(response.performance_amount);
                $('#salary_extra_day_name').val(response.extra_salary_day);
                $('#salary_extra_day_count').val(response.extra_salary_count);
                $('#salary_extra_day_amount').html(response.extra_salary_amount_total);
                $('#salary_gross_salary').html(response.gross_salary);
                $('#salary_loan_text').val(response.loan_name);
                $('#salary_loan_amount').val(response.loan_amount);
                $('#salary_late_in_early_out').html(response.late_in_early_out_text);
                $('#salary_late_in_early_out_amount').html(response.late_in_early_out_amount);
                $('#salary_absentees').html(response.absent_count);
                $('#salary_absentees_amount').html(response.absent_charge);
                $('#salary_half_day').html(response.half_day_count);
                $('#salary_half_day_amount').html(response.half_day_charge);
                $('#salary_absent_due_to_low_performance').html(response
                    .absent_due_to_low_performance_count);
                $('#salary_absent_due_to_low_performance_amount').html(response
                    .absent_due_to_low_performance_charge);
                $('#salary_half_due_to_low_performance').html(response
                    .half_day_due_to_low_performance_count);
                $('#salary_half_due_to_low_performance_amount').html(response
                    .absent_due_to_low_performance_charge);
                $('#salary_deduction_due_to_incomplete_shift').html(response
                    .deduction_due_to_incomplete_shift_count);
                $('#salary_deduction_due_to_incomplete_shift_amount').html(response
                    .deduction_due_to_incomplete_shift_change);
                $('#salary_other_deduction').val(response.other_deduction_name);
                $('#salary_other_deduction_charge').val(response.other_deduction_charge);
                $('#salary_tax_amount').val(response.tax);
                $('#salary_net_amount').html(response.net_salary);
                $('#salary_save_status').val(response.is_saved);
                $('#salary_id').val(response.salary_id);
                
                $('#hidden_absent_count').val(response.hidden_absent_count);
                $('#hidden_half_day_count').val(response.hidden_half_day_count);
                $('#hidden_salary_absent_low_performance').val(response.hidden_salary_absent_low_performance);
                $('#hidden_salary_half_low_performance').val(response.hidden_salary_half_low_performance);
                $('#hidden_salary_deducation_incomplete_shift').val(response.hidden_salary_deducation_incomplete_shift);

                if(response.is_saved ==1 ){
                        $('#salary_calculate_function').hide();
                        $('#salary_save_function').hide();
                        $('#salary_delete_function').show();
 

                }else{

                    $('#salary_calculate_function').show();
                    $('#salary_save_function').show();
                    $('#salary_delete_function').hide();

                }
                hide_loader();

            },
            error: function(xhr) {
                // Hide loader
                console.log(xhr);


            }
        });

    });


    $('#export_to_pdf_salary_slip').click(function() {
        const element = document.getElementById('salary_export_target');
        
        html2canvas(element).then(function(canvas) {
            const imgData = canvas.toDataURL('image/png');
            const pdf = new jsPDF("p", "mm", "a4");
            pdf.addImage(imgData, 'PNG', 0, 0, 250, 312);
            pdf.save('exported.pdf');
        });

    });

    $(document).ready(function() {
        $("#salary_search_picker").flatpickr({
            mode: "single",
            dateFormat: "Y-m-d",
            monthSelector: true,
            yearSelector: true,
            defaultDate: new Date(),
            maxDate: new Date()
        });
    });
 

    // salary slip end

  function  extra_day_calc(){
      let basic_salary= parseInt($('#salary_basic_pay').val());
        let per_day=parseInt((basic_salary*12)/365);

        let total = $('#salary_extra_day_count').val()*per_day;

            $('#salary_extra_day_amount').html(total);

  }

    function calculateTax($grossSalary) {
        if ($grossSalary <= 50000) {
            return 0; 
        } else if ($grossSalary <= 100000) {
            return ($grossSalary - 50000) * 0.05;
        } else if ($grossSalary <= 183333) {
            return ($grossSalary - 100000) * 0.15 + 2500;
        } else if ($grossSalary <= 266667) {
            return ($grossSalary - 183333) * 0.25 + 15000;
        } else if ($grossSalary <= 341667) {
            return ($grossSalary - 266667) * 0.3 + 35833;
        } else {
            return ($grossSalary - 341667) * 0.35 + 58333;
        }
    }

function salary_calculate_function() {
    let basic_salary = parseInt($('#salary_basic_pay').val());
    let salary_conveyance_allowance = parseInt($('#salary_conveyance_allowance').val() == '' ? 0 : $('#salary_conveyance_allowance').val());
    let salary_reliability_bonus = parseInt($('#salary_reliability_bonus').val() == '' ? 0 : $('#salary_reliability_bonus').val());
    let salary_adjustments = parseInt($('#salary_adjustments').val() == '' ? 0 : $('#salary_adjustments').val());
    let salary_performance_amount = parseInt($('#salary_performance_amount').val() == '' ? 0 : $('#salary_performance_amount').val());
    let salary_extra_day_amount = parseInt($('#salary_extra_day_amount').html());
    let provident_fund = parseFloat($('#salary_provident_fund').text());        
    let gross = basic_salary + salary_conveyance_allowance + salary_reliability_bonus + salary_adjustments + salary_performance_amount + salary_extra_day_amount;
    $('#salary_gross_salary').html(gross);

    let selectedUserId = $('#hr_salary_user_select').val();
    let salary_tax_amount;

   
        salary_tax_amount = parseFloat($('#salary_tax_amount').val()) || 0;
    
    salary_tax_amount = Math.round(salary_tax_amount);
    $('#salary_tax_amount').val(salary_tax_amount);

    let salary_loan_amount = parseInt($('#salary_loan_amount').val() == '' ? 0 : $('#salary_loan_amount').val());
    let salary_late_in_early_out_amount = parseInt($('#salary_late_in_early_out_amount').html());
    let salary_absentees_amount = parseInt($('#salary_absentees_amount').html());
    let salary_half_day_amount = parseInt($('#salary_half_day_amount').html());
    let salary_absent_due_to_low_performance_amount = parseInt($('#salary_absent_due_to_low_performance_amount').html());
    let salary_half_due_to_low_performance_amount = parseInt($('#salary_half_due_to_low_performance_amount').html());
    let salary_deduction_due_to_incomplete_shift_amount = parseInt($('#salary_deduction_due_to_incomplete_shift_amount').html());
    let salary_other_deduction_charge = parseInt($('#salary_other_deduction_charge').val() == '' ? 0 : $('#salary_other_deduction_charge').val());

    let net_salary = gross - salary_loan_amount -
        salary_late_in_early_out_amount -
        salary_absentees_amount -
        salary_half_day_amount -
        salary_absent_due_to_low_performance_amount -
        salary_half_due_to_low_performance_amount -
        salary_deduction_due_to_incomplete_shift_amount -
        salary_other_deduction_charge - salary_tax_amount - provident_fund;

       
        
    $('#salary_net_amount').html(net_salary);
}

</script>