@extends('app-new')
@push('head-script')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/forms/wizard/bs-stepper.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/pickadate/pickadate.css">
    <!-- END: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/dataTables.bootstrap5.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/responsive.bootstrap5.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/components.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/vendors.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/extensions/toastr.min.css">
    <link rel="stylesheet" href="/assets/plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css">
    <link rel="stylesheet" href="/assets/css/daterangepicker.css">

    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-validation.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-wizard.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-pickadate.css">
    <!-- END: Page CSS-->
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Salary Master</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/home">Home</a>
                    </li>
                    <li class="breadcrumb-item"><a href="/{!! $alias !!}/salary-master">Salary Master</a>
                    </li>
                    <li class="breadcrumb-item active">
                    @if(isset($data) && ($data->id))
                        Edit Salary Master
                    @else
                        Add New Salary Master
                    @endif
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')

 <!-- Basic multiple Column Form section start -->
 {!! Form::model($data, ['id'=>'form-data','method' => 'post']) !!}
 <input type="hidden" name="organization_id" value="{{$organization->id}}">
 <div class="row">
    <div class="col-md-12">
        <div class="alert alert-danger alert-dismissible fade show" role="alert" style="display:none">
            <div class="alert-body" id="alert">
            </div>
        </div>
    </div>
</div>
 <section id="multiple-column-form">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <!-- <div class="card-header">
                    <h4 class="card-title">Multiple Column</h4>
                </div> -->
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-4 col-12 mt-2">
                            <div class="form-group {{{ $errors->has('employee_id') ? 'has-error' : '' }}}">
                                <label class="form-label">Employee</label>
                                <input type="hidden" name="employee_id"  value="{{$data->employee_id}}">
                                <select class="form-select select2" id="employee_id" disabled>
                                    @foreach($employees as $employee)
                                    <option value="{{ $employee->id }}" @if(isset($data->employee_id) && ($data->employee_id ==$employee->id) || (old('employee_id') ==$employee->id)) selected @endif>{{ ucwords($employee->name) }} ({{$employee->employee_code}})</option>
                                    @endforeach
                                </select>
                                {!! $errors->first('employee_id', '<label class="control-label error" for="employee_id">The employee field is required.</label>')!!}
                            </div>    
                        </div>
                        @if(isset($data->template_id))
                        <input type="hidden" name="template_id" value="{{$data->template_id}}">
                        <div class="col-md-6 col-12" style="display:none;">
                            <div class="form-group {{{ $errors->has('template_id') ? 'has-error' : '' }}}">
                                <label class="form-label">Template</label>
                                <select class="form-select select2" id="template_id" onchange="templateComp.call(this);" disabled>
                                @foreach($templatelist as $value)
                                <option value="{{ $value->id }}" @if(isset($data->template_id) && ($data->template_id ==$value->id) || (old('template_id') ==$value->id)) selected @endif>{{ $value->name }}</option>
                                @endforeach
                                </select>
                                {!! $errors->first('template_id','<label class="control-label error" for="template_id">:message</label>')!!}
                            </div>    
                        </div>
                        @else
                        <div class="col-md-6 col-12" style="display:none;">
                            <div class="form-group {{{ $errors->has('template_id') ? 'has-error' : '' }}}">
                                <label class="form-label">Template</label>
                                <select class="form-select select2" id="template_id" name="template_id" onchange="templateComp.call(this);">
                                @foreach($templatelist as $value)
                                <option value="{{ $value->id }}"@if(isset($template_id) && ($template_id ==$value->id) || (old('template_id') ==$value->id)) selected @endif>{{ $value->name }}</option>
                                @endforeach
                                </select>
                                {!! $errors->first('template_id','<label class="control-label error" for="template_id">:message</label>')!!}
                            </div>    
                        </div>
                        @endif
                        
                        <div class="col-md-4 col-6 mt-2">
                            <div class="form-group {{{ $errors->has('ctc_amount') ? 'has-error' : '' }}}">
                                <label class="form-label required">CTC (Monthly)<span style="color: red"> * </span></label> <input class="form-control" type="text" name="ctc_amount" id="ctc_amount" value="{{isset($data) && $data->ctc_amount ? round($data->ctc_amount/12, 2) : old('ctc_amount') }}" onkeypress="return isNumberKey(event)" oninput="calculate();"> {!! $errors->first('ctc_amount','<label class="control-label error" for="ctc_amount">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-4 col-6 mt-2">
                            <div class="form-group {{{ $errors->has('effective_date') ? 'has-error' : '' }}}">
                                <label class="form-label">Effective From</label>
                                <input class="form-control" type="text" name="effective_date" id="effective_date" value="{{ $data->effective_from ? \Carbon\Carbon::parse($data->effective_from)->format('d-m-Y') : old('effective_date') }}" placeholder="DD-MM-YYYY">
                                {!! $errors->first('effective_date','<label class="control-label error" for="effective_date">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-6 col-12 mt-2" style="display:none;">
                            <div class="form-group {{{ $errors->has('reimbursement') ? 'has-error' : '' }}}">
                                <label class="form-label required">Reimbursement Amount (Yearly)</label> <input placeholder="Optional" class="form-control" type="text" name="reimbursement" id="reimbursement" value="0" onkeypress="return isNumberKey(event)"> {!! $errors->first('reimbursement','<label class="control-label error" for="reimbursement">:message</label>')!!}
                            </div>
                        </div>

                    </div>
                    
                    <div class="row">
                        <div class="col-md-12 col-12">
                            <div class="mb-2 mt-2">
                                <h4 class="p-1 d-flex justify-content-between"
                                    style="color: #565360; background: #f5f5f5; border-left: 3px solid rgb(40, 40, 244); border-right: 3px solid rgb(40, 40, 244);">
									Net Salary
                                    <span id="final_sum">0</span>
                                    </h4>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12 col-12">
                            <div class="mb-2 mt-1">
                                <h4 class="p-1 d-flex justify-content-between"
                                    style="color: #565360; background: #f5f5f5; border-left: 3px solid rgb(40, 40, 244); border-right: 3px solid rgb(40, 40, 244);">
									Total Calculated CTC
                                    <span id="ctc_sum" data-base="0">0</span>
                                    </h4>
                            </div>
                        </div>
                    </div>

                    <div class="row mt-2">
                        <div class="col-md-12">
                            <h3><b>{{trans('admin/template.earning_type')}}</b></h3>
                            <table class="table table-bordered dataTable no-footer mt-2" id="organization" role="grid" >
                                <thead>
                                    <tr role="row" class="heading">
                                        <th style="width:25%;">{{trans('admin/template.component')}}</th>
                                        <!-- <th>{{trans('admin/template.type')}}</th>
                                        <th>{{trans('admin/template.calculate_method')}}</th> -->
                                        <th style="width:10%">{{trans('admin/template.calculate_value')}}</th>
                                        <th style="width:25%;"></th>
                                        <!-- <th>{{trans('admin/template.calculate_type')}}</th> -->
                                        <th style="width:15%;"><h5><b>Sum: &nbsp</b><span id="earning_sum">0</span></h5></th>
                                        <th style="width:20%;">{{trans('admin/template.calculate_on')}}</th>
                                        <th style="width:5%;"></th>
                                    </tr>
                                </thead>
                                <tbody id="earningDiv">
                                    @if(isset($data->template_id))
                                        @foreach($earningEmployeeTemplate as $key=>$earningvalue)
                                            @php 
                                            $isComponentDeleted = ($earningvalue->component->deleted_at) ? 'deleteClass' : '';
                                            @endphp
                                            <tr role="row" class="odd {{ $isComponentDeleted }}">      
                                                <td style="font-size: 1.2em;"> <b><input type="hidden" name="earning[{{$key}}][type_id]" value="{{$earningvalue->type_id}}">{{@$earningvalue->component->name}}</b><span class="badge bg-secondary" style="font-size:12px; float:right;"> {{$earningvalue->group_type_name}}</span></td>
                                                <input type="hidden" name="earning[{{$key}}][master_type_id]" value="{{$earningvalue->master_type_id}}"> 
                                                <input type="hidden" name="earning[{{$key}}][calculation_method]" value="system"> 
                                                <input type="hidden" name="earning[{{$key}}][type_name]" value="{{$earningvalue->type_name}}">                                     
                                                <input type="hidden" name="earning[{{$key}}][value_type]" value="{{$earningvalue->value_type}}"> 
                                                <input type="hidden" name="earning[{{$key}}][type]" value="{{$earningvalue->type}}"> 
                                                <input type="hidden" name="earning[{{$key}}][frequency]" value="{{$earningvalue->frequency}}">
                                                <input type="hidden" name="earning[{{$key}}][group_type_name]" value="{{$earningvalue->group_type_name}}">
                                                
                                                <td>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control earning_value_data" name="earning[{{$key}}][value_data]" oninput="@if($earningvalue->value_type=='Percentage') percentageVal.call(this, event), @endif calculate()" value="<br />
<b>Warning</b>:  Undefined variable $earningvalue in <b>/var/www/html/thepresence360/resources/views/salarymaster/create_edit.blade.php</b> on line <b>191</b><br />
<br />
<b>Warning</b>:  Attempt to read property "value_data" on null in <b>/var/www/html/thepresence360/resources/views/salarymaster/create_edit.blade.php</b> on line <b>191</b><br />
0" onkeypress="return isNumberKey(event)">
                                                    </div>  
                                                </td>
                                                <td class="text-wrap">
                                                    @if($earningvalue->value_type=='Percentage')
                                                        <b>% of ({{$earningvalue->calculation_on}})</b>
                                                        <input type="hidden" name="earning[{{$key}}][component_method_ids]" value="{{$earningvalue->component_method_ids}}">
                                                        <input type="hidden" name="earning[{{$key}}][component_method_names]" value="{{$earningvalue->calculation_on}}">
                                                    @else
                                                        <b>Flat {{ ($earningvalue->calculation_on) ? 'depends on ('.$earningvalue->calculation_on.')' : ''}}</b>
                                                        <input type="hidden" name="earning[{{$key}}][component_method_ids]" value="{{$earningvalue->component_method_ids}}">
                                                        <input type="hidden" name="earning[{{$key}}][component_method_names]" value="{{$earningvalue->calculation_on}}">
                                                    @endif
                                                </td>
                                              
                                                <td>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control earning_calculated_value" name="earning[{{$key}}][calculate_salary]" value="{{$earningvalue->calculate_salary}}" oninput="calculateReverse({{$earningvalue->master_type_id}})" onkeypress="return isNumberKey(event)" onchange="calculate()">
                                                    </div>
                                                </td>  
                                                <td>
                                                    <select class="form-control select2" name="earning[{{$key}}][calculation_type]" onchange="calculate()">
                                                        <option value="PaidDays"  @if(($earningvalue->calculation_type =='PaidDays')) selected @endif>Pay Days</option>
                                                        <option value="Fixed" @if(($earningvalue->calculation_type =='Fixed')) selected @endif >Fixed</option>
                                                        <option value="Hourly" @if(($earningvalue->calculation_type =='Hourly')) selected @endif >Hourly</option>
                                                        
                                                    </select>
                                                </td>
                                                <td>
                                                    <input type="hidden" name="earning[{{$key}}][min_value]" value="{{ @$earningvalue->configuration['min_value'] }}">
                                                    <input type="hidden" name="earning[{{$key}}][max_value]" value="{{ @$earningvalue->configuration['max_value'] }}">
                                                    <input type="hidden" name="earning[{{$key}}][min_output_value]" value="{{ @$earningvalue->configuration['min_output_value'] }}">
                                                    <input type="hidden" name="earning[{{$key}}][max_output_value]" value="{{ @$earningvalue->configuration['max_output_value'] }}">
                                                    <input type="hidden" name="earning[{{$key}}][re_calculate_on]" value="{{ @$earningvalue->configuration['re_calculate_on'] }}">
                                                    <input type="hidden" name="earning[{{$key}}][roundup_calculation_type]" @if(isset($earningvalue->configuration['roundup_calculation_type'])) value="{{ @$earningvalue->configuration['roundup_calculation_type'] }}" @else value="round" @endif>
                                                    <input type="hidden" name="earning[{{$key}}][gender]" value="{{@$earningvalue->configuration['gender'] ?: 'all'}}">
                                                    <input type="hidden" name="earning[{{$key}}][applicable_on]" value="{{@$earningvalue->configuration['applicable_on'] ?: 'rate'}}">
                                                    <input type="hidden" name="earning[{{$key}}][applicable_on_check]" value="{{@$earningvalue->configuration['applicable_on_check'] ?: 'pay'}}">
                                                    <input type="hidden" name="earning[{{$key}}][pro_rata]" value="{{@$earningvalue->configuration['pro_rata'] ?: 'no'}}">

                                                    <input type="hidden" name="earning[{{$key}}][component_for_check]" value="{{ @$earningvalue->componentSource->configuration['component_for_check'] ?: '' }}">

                                                   <button type="button" class="btn btn-icon rounded-circle btn-outline-success waves-effect" id="addConfig{{$key}}" data-bs-toggle="modal" data-bs-target="#addConfigModal" data-id="{{$key}}" title="Calculated Value Configuration" ><i class="tool" data-feather="tool"></i></button>
                                                </td>
                                            </tr>
                                        @endforeach
                                        @php 
                                        $keyIndex = isset($key) ? $key : -1;
                                        @endphp
                                        @foreach($earningAdditionalEmployeeTemplate as $key=>$earningvalue)
                                            <tr role="row" class="odd">      
                                                <input type="hidden" name="earning[{{++$keyIndex}}][master_type_id]" value="{{$earningvalue->master_type_id}}"> 
                                                <input type="hidden" name="earning[{{$keyIndex}}][name]" value="{{$earningvalue->name}}">                                     
                                                <input type="hidden" name="earning[{{$keyIndex}}][value_type]" value="{{$earningvalue->value_type}}"> 
                                                <input type="hidden" name="earning[{{$keyIndex}}][type]" value="{{$earningvalue->type}}"> 
                                                <input type="hidden" name="earning[{{$keyIndex}}][calculation_method]" value="system"> 
                                                <input type="hidden" name="earning[{{$keyIndex}}][frequency]" value="{{$earningvalue->frequency}}">
                                                <input type="hidden" name="earning[{{$keyIndex}}][group_type_name]" value="{{$earningvalue->group_type_name}}">
                                                <td style="font-size: 1.2em;"> <b><input type="hidden" name="earning[{{$keyIndex}}][type_id]" value="{{$earningvalue->type_id}}">{{$earningvalue->name}}</b><span class="badge bg-secondary" style="font-size:12px; float:right;"> {{$earningvalue->group_type_name}}</span></td>
                                                
                                                <td>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control earning_value_data" name="earning[{{$keyIndex}}][value_data]" oninput="@if($earningvalue->value_type=='Percentage') percentageVal.call(this, event), @endif  calculate()" value="<br />
<b>Warning</b>:  Undefined variable $earningvalue in <b>/var/www/html/thepresence360/resources/views/salarymaster/create_edit.blade.php</b> on line <b>253</b><br />
<br />
<b>Warning</b>:  Attempt to read property "value_data" on null in <b>/var/www/html/thepresence360/resources/views/salarymaster/create_edit.blade.php</b> on line <b>253</b><br />
0" onkeypress="return isNumberKey(event)">
                                                    </div> 
                                                </td>
                                                <td class="text-wrap">
                                                    @if($earningvalue->value_type=='Percentage')
                                                        <b>% of ({{count($earningvalue->componentSource->componentMethod)>0 ? implode(" + ", $earningvalue->componentSource->componentMethod->pluck('name')->toArray()) : 'CTC'}})</b>
                                                        <input type="hidden" name="earning[{{$keyIndex}}][component_method_ids]" value="{{implode(",", $earningvalue->componentSource->componentMethod->pluck('id')->toArray())}}">
                                                        <input type="hidden" name="earning[{{$keyIndex}}][component_method_names]" value="{{count($earningvalue->componentSource->componentMethod)>0 ? implode(" + ", $earningvalue->componentSource->componentMethod->pluck('name')->toArray()) : 'CTC'}}">
                                                    @else
                                                        <b>Flat {{count($earningvalue->componentSource->componentMethod)>0 ? 'depends on ('.implode(" + ", $earningvalue->componentSource->componentMethod->pluck('name')->toArray()) .')' : ''}}</b>
                                                        <input type="hidden" name="earning[{{$keyIndex}}][component_method_ids]" value="{{implode(",", $earningvalue->componentSource->componentMethod->pluck('id')->toArray())}}">
                                                        <input type="hidden" name="earning[{{$keyIndex}}][component_method_names]" value="{{count($earningvalue->componentSource->componentMethod)>0 ? implode(" + ", $earningvalue->componentSource->componentMethod->pluck('name')->toArray()) : ''}}">
                                                    @endif
                                                </td>
                                                
                                                <td>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control earning_calculated_value" name="earning[{{$keyIndex}}][calculate_salary]" value="0" oninput="calculateReverse({{$earningvalue->master_type_id}})" onkeypress="return isNumberKey(event)" onchange="calculate()">
                                                    </div>
                                                </td>
                                                <td>
                                                    <select class="form-control select2" name="earning[{{$keyIndex}}][calculation_type]" onchange="calculate()">
                                                        <option value="PaidDays"  @if(($earningvalue->calculation_type =='PaidDays')) selected @endif>Pay Days</option>
                                                        <option value="Fixed" @if(($earningvalue->calculation_type =='Fixed')) selected @endif >Fixed</option>
                                                        <option value="Hourly" @if(($earningvalue->calculation_type =='Hourly')) selected @endif >Hourly</option>
                                                        
                                                    </select>
                                                </td>
                                                <td>
                                                    <input type="hidden" name="earning[{{$keyIndex}}][min_value]" value="{{ @$earningvalue->componentSource->configuration['min_value'] }}">
                                                    <input type="hidden" name="earning[{{$keyIndex}}][max_value]" value="{{ @$earningvalue->componentSource->configuration['max_value'] }}">
                                                    <input type="hidden" name="earning[{{$keyIndex}}][min_output_value]" value="{{ @$earningvalue->componentSource->configuration['min_output_value'] }}">
                                                    <input type="hidden" name="earning[{{$keyIndex}}][max_output_value]" value="{{ @$earningvalue->componentSource->configuration['max_output_value'] }}">
                                                    <input type="hidden" name="earning[{{$keyIndex}}][re_calculate_on]" value="{{@$earningvalue->componentSource->configuration['re_calculate_on']}}">
                                                    <input type="hidden" name="earning[{{$keyIndex}}][roundup_calculation_type]" @if(isset($earningvalue->componentSource->configuration['roundup_calculation_type'])) value="{{ @$earningvalue->componentSource->configuration['roundup_calculation_type'] }}" @else value="round" @endif>
                                                    <input type="hidden" name="earning[{{$keyIndex}}][gender]" value="{{@$earningvalue->componentSource->configuration['gender'] ?: 'all'}}">
                                                    <input type="hidden" name="earning[{{$keyIndex}}][applicable_on]" value="{{@$earningvalue->componentSource->configuration['applicable_on'] ?: 'rate'}}">
                                                    <input type="hidden" name="earning[{{$keyIndex}}][applicable_on_check]" value="{{@$earningvalue->componentSource->configuration['applicable_on_check'] ?: 'pay'}}">
                                                    <input type="hidden" name="earning[{{$keyIndex}}][pro_rata]" value="{{@$earningvalue->componentSource->configuration['pro_rata'] ?: 'no'}}">

                                                    <input type="hidden" name="earning[{{$keyIndex}}][component_for_check]" value="{{ @$earningvalue->componentSource->configuration['component_for_check'] ?: '' }}">

                                                    <button type="button" class="btn btn-icon rounded-circle btn-outline-success waves-effect" id="addConfig{{$keyIndex}}" data-bs-toggle="modal" data-bs-target="#addConfigModal" data-id="{{$keyIndex}}" title="Calculated Value Configuration" ><i class="tool" data-feather="tool"></i></button>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                </tbody>
                            </table> 
                        </div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-md-12">
                            <h3><b>{{trans('admin/template.deduction_type')}}</b></h3>
                            <table class="table table-bordered dataTable no-footer mt-2" id="organization" role="grid" >
                                <thead>
                                    <tr role="row" class="heading">
                                        <th style="width:25%;">{{trans('admin/template.component')}}</th>
                                        <th style="width:10%">{{trans('admin/template.calculate_value')}}</th>
                                        <th style="width:25%;"></th>
                                        <th style="width:15%;"><h5><b>Sum: &nbsp</b><span id="deduction_sum">0</span></h5></th>
                                        <th style="width:20%;">{{trans('admin/template.calculate_on')}}</th>
                                        <th style="width:5%;"></th>
                                    </tr>
                                </thead>
                                <tbody id="deductionDiv">
                                @if(isset($data->template_id))
                                        @foreach($deductionEmployeeTemplate as $key1=>$deductionvalue)
                                            @php 
                                            $isComponentDeleted = (isset($deductionvalue->component->deleted_at) && $deductionvalue->component->deleted_at) ? 'deleteClass' : '';
                                            @endphp
                                            <tr role="row" class="odd {{ $isComponentDeleted }}">      
                                                <td style="font-size: 1.2em;"> <b><input type="hidden" name="deduction[{{$key1}}][type_id]" value="{{$deductionvalue->type_id}}">{{@$deductionvalue->component->name}}</b><span class="badge bg-secondary" style="font-size:12px; float:right;"> {{$deductionvalue->group_type_name}}</span></td>
                                                <input type="hidden" name="deduction[{{$key1}}][master_type_id]" value="{{$deductionvalue->master_type_id}}"> 
                                                <input type="hidden" name="deduction[{{$key1}}][type_name]" value="{{$deductionvalue->type_name}}">                                     
                                                <input type="hidden" name="deduction[{{$key1}}][calculation_method]" value="system"> 
                                                <input type="hidden" name="deduction[{{$key1}}][value_type]" value="{{$deductionvalue->value_type}}">
                                                <input type="hidden" name="deduction[{{$key1}}][type]" value="{{$deductionvalue->type}}">
                                                <input type="hidden" name="deduction[{{$key1}}][frequency]" value="{{$deductionvalue->frequency}}"> 
                                                <input type="hidden" name="deduction[{{$key1}}][group_type_name]" value="{{$deductionvalue->group_type_name}}"> 
                                                
                                                <td>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control deduction_value_data" name="deduction[{{$key1}}][value_data]" oninput="@if($deductionvalue->value_type=='Percentage') percentageVal.call(this, event), @endif  calculate()" value="<br />
<b>Warning</b>:  Undefined variable $deductionvalue in <b>/var/www/html/thepresence360/resources/views/salarymaster/create_edit.blade.php</b> on line <b>336</b><br />
<br />
<b>Warning</b>:  Attempt to read property "value_data" on null in <b>/var/www/html/thepresence360/resources/views/salarymaster/create_edit.blade.php</b> on line <b>336</b><br />
0" onkeypress="return isNumberKey(event)">
                                                    </div> 
                                                </td>

                                                <td class="text-wrap">
                                                    @if($deductionvalue->value_type=='Percentage')
                                                        <b>% of ({{$deductionvalue->calculation_on}})</b>
                                                        <input type="hidden" name="deduction[{{$key1}}][component_method_ids]" value="{{$deductionvalue->component_method_ids}}">
                                                        <input type="hidden" name="deduction[{{$key1}}][component_method_names]" value="{{$deductionvalue->calculation_on}}">
                                                    @else
                                                        <b>Flat {{ ($deductionvalue->calculation_on) ? 'depends on ('.$deductionvalue->calculation_on. ')' : ''}}</b>
                                                        <input type="hidden" name="deduction[{{$key1}}][component_method_ids]" value="{{$deductionvalue->component_method_ids}}">
                                                        <input type="hidden" name="deduction[{{$key1}}][component_method_names]" value="{{$deductionvalue->calculation_on}}">
                                                    @endif
                                                </td>
                                                
                                                <td>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control deduction_calculated_value" name="deduction[{{$key1}}][calculate_salary]" value="{{$deductionvalue->calculate_salary}}" oninput="calculateReverse({{$deductionvalue->master_type_id}})" onkeypress="return isNumberKey(event)" onchange="calculate()">
                                                    </div>
                                                </td>

                                                <td>
                                                    <select class="form-control select2" name="deduction[{{$key1}}][calculation_type]" onchange="calculate()">
                                                        <option value="PaidDays"  @if(($deductionvalue->calculation_type =='PaidDays')) selected @endif>Pay Days</option>
                                                        <option value="Fixed" @if(($deductionvalue->calculation_type =='Fixed')) selected @endif >Fixed</option>
                                                        <option value="Hourly" @if(($deductionvalue->calculation_type =='Hourly')) selected @endif >Hourly</option>
                                                    </select>
                                                </td>
                                                <td>
                                                    <input type="hidden" name="deduction[{{$key1}}][min_value]" value="{{ @$deductionvalue->configuration['min_value'] }}">
                                                    <input type="hidden" name="deduction[{{$key1}}][max_value]" value="{{ @$deductionvalue->configuration['max_value'] }}">
                                                    <input type="hidden" name="deduction[{{$key1}}][min_output_value]" value="{{ @$deductionvalue->configuration['min_output_value'] }}">
                                                    <input type="hidden" name="deduction[{{$key1}}][max_output_value]" value="{{ @$deductionvalue->configuration['max_output_value'] }}">
                                                    <input type="hidden" name="deduction[{{$key1}}][re_calculate_on]" value="{{@$deductionvalue->configuration['re_calculate_on']}}">
                                                    <input type="hidden" name="deduction[{{$key1}}][roundup_calculation_type]" @if(isset($deductionvalue->configuration['roundup_calculation_type'])) value="{{ @$deductionvalue->configuration['roundup_calculation_type'] }}" @else value="round" @endif>
                                                    <input type="hidden" name="deduction[{{$key1}}][gender]" value="{{@$deductionvalue->configuration['gender'] ?: 'all'}}">
                                                    <input type="hidden" name="deduction[{{$key1}}][applicable_on]" value="{{@$deductionvalue->configuration['applicable_on'] ?: 'rate'}}">
                                                    <input type="hidden" name="deduction[{{$key1}}][applicable_on_check]" value="{{@$deductionvalue->configuration['applicable_on_check'] ?: 'pay'}}">
                                                    <input type="hidden" name="deduction[{{$key1}}][pro_rata]" value="{{@$deductionvalue->configuration['pro_rata'] ?: 'no'}}">
                                                    <input type="hidden" name="deduction[{{$key1}}][component_for_check]" value="{{ @$deductionvalue->componentSource->configuration['component_for_check'] ?: '' }}">

                                                    <button type="button" class="btn btn-icon rounded-circle btn-outline-success waves-effect" id="addDeductionConfig{{$key1}}" data-bs-toggle="modal" data-bs-target="#addDeductionConfigModal" data-id="{{$key1}}" title="Calculated Value Configuration" ><i class="tool" data-feather="tool"></i></button>
                                                </td>
                                            </tr>
                                        @endforeach
                                        @php 
                                        $keyIndex2 = isset($key1) ? $key1 : -1;
                                        @endphp
                                        @foreach($deductionAdditionalEmployeeTemplate as $key=>$deductionvalue)
                                            <tr role="row" class="odd">      
                                                <input type="hidden" name="deduction[{{++$keyIndex2}}][master_type_id]" value="{{$deductionvalue->master_type_id}}"> 
                                                <input type="hidden" name="deduction[{{$keyIndex2}}][type_name]" value="{{$deductionvalue->name}}">                                     
                                                <input type="hidden" name="deduction[{{$keyIndex2}}][calculation_method]" value="system"> 
                                                <input type="hidden" name="deduction[{{$keyIndex2}}][value_type]" value="{{$deductionvalue->value_type}}">
                                                <input type="hidden" name="deduction[{{$keyIndex2}}][type]" value="{{$deductionvalue->type}}">
                                                <input type="hidden" name="deduction[{{$keyIndex2}}][frequency]" value="{{$deductionvalue->frequency}}"> 
                                                <input type="hidden" name="deduction[{{$keyIndex2}}][group_type_name]" value="{{$deductionvalue->group_type_name}}"> 
                                                
                                                <td style="font-size: 1.2em;"> <b><input type="hidden" name="deduction[{{$keyIndex2}}][type_id]" value="{{$deductionvalue->type_id}}">{{$deductionvalue->name}}</b><span class="badge bg-secondary" style="font-size:12px; float:right;"> {{$deductionvalue->group_type_name}}</span></td>
                                                
                                                <td>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control deduction_value_data" name="deduction[{{$keyIndex2}}][value_data]" oninput="@if($deductionvalue->value_type=='Percentage') percentageVal.call(this, event), @endif  calculate()" value="<br />
<b>Warning</b>:  Undefined variable $deductionvalue in <b>/var/www/html/thepresence360/resources/views/salarymaster/create_edit.blade.php</b> on line <b>399</b><br />
<br />
<b>Warning</b>:  Attempt to read property "value_data" on null in <b>/var/www/html/thepresence360/resources/views/salarymaster/create_edit.blade.php</b> on line <b>399</b><br />
0" onkeypress="return isNumberKey(event)">
                                                    </div> 
                                                </td>
                                                <td class="text-wrap">
                                                    @if($deductionvalue->value_type=='Percentage')
                                                        <b>% of ({{count($deductionvalue->componentSource->componentMethod)>0 ? implode(" + ", $deductionvalue->componentSource->componentMethod->pluck('name')->toArray()) : 'CTC'}})</b>
                                                        <input type="hidden" name="deduction[{{$keyIndex2}}][component_method_ids]" value="{{implode(",", $deductionvalue->componentSource->componentMethod->pluck('id')->toArray())}}">
                                                        <input type="hidden" name="deduction[{{$keyIndex2}}][component_method_names]" value="{{count($deductionvalue->componentSource->componentMethod)>0 ? implode(" + ", $deductionvalue->componentSource->componentMethod->pluck('name')->toArray()) : 'CTC'}}">
                                                    @else
                                                        <b>Flat {{count($deductionvalue->componentSource->componentMethod)>0 ? 'depends on ('.implode(" + ", $deductionvalue->componentSource->componentMethod->pluck('name')->toArray()) .')' : ''}}</b>
                                                        <input type="hidden" name="deduction[{{$keyIndex2}}][component_method_ids]" value="{{implode(",", $deductionvalue->componentSource->componentMethod->pluck('id')->toArray())}}">
                                                        <input type="hidden" name="deduction[{{$keyIndex2}}][component_method_names]" value="{{count($deductionvalue->componentSource->componentMethod)>0 ? implode(" + ", $deductionvalue->componentSource->componentMethod->pluck('name')->toArray()) : ''}}">
                                                    @endif
                                                </td>
                                                
                                                <td>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control deduction_calculated_value" name="deduction[{{$keyIndex2}}][calculate_salary]" value="0" oninput="calculateReverse({{$deductionvalue->master_type_id}})" onkeypress="return isNumberKey(event)" onchange="calculate()">
                                                    </div>
                                                </td>
                                                <td>
                                                    <select class="form-control select2" name="deduction[{{$keyIndex2}}][calculation_type]" onchange="calculate()">
                                                        <option value="PaidDays"  @if(($deductionvalue->calculation_type =='PaidDays')) selected @endif>Pay Days</option>
                                                        <option value="Fixed" @if(($deductionvalue->calculation_type =='Fixed')) selected @endif >Fixed</option>
                                                        <option value="Hourly" @if(($deductionvalue->calculation_type =='Hourly')) selected @endif >Hourly</option>
                                                        
                                                    </select>
                                                </td>

                                                <td>
                                                    <input type="hidden" name="deduction[{{$keyIndex2}}][min_value]" value="{{ @$deductionvalue->componentSource->configuration['min_value'] }}">
                                                    <input type="hidden" name="deduction[{{$keyIndex2}}][max_value]" value="{{ @$deductionvalue->componentSource->configuration['max_value'] }}">
                                                    <input type="hidden" name="deduction[{{$keyIndex2}}][min_output_value]" value="{{ @$deductionvalue->componentSource->configuration['min_output_value'] }}">
                                                    <input type="hidden" name="deduction[{{$keyIndex2}}][max_output_value]" value="{{ @$deductionvalue->componentSource->configuration['max_output_value'] }}">
                                                    <input type="hidden" name="deduction[{{$keyIndex2}}][re_calculate_on]" value="{{@$deductionvalue->componentSource->configuration['re_calculate_on']}}">
                                                    <input type="hidden" name="deduction[{{$keyIndex2}}][roundup_calculation_type]" @if(isset($deductionvalue->componentSource->configuration['roundup_calculation_type'])) value="{{ @$deductionvalue->componentSource->configuration['roundup_calculation_type'] }}" @else value="round" @endif>
                                                    <input type="hidden" name="deduction[{{$keyIndex2}}][gender]" value="{{@$deductionvalue->componentSource->configuration['gender'] ?: 'all'}}">
                                                    <input type="hidden" name="deduction[{{$keyIndex2}}][applicable_on]" value="{{@$deductionvalue->componentSource->configuration['applicable_on'] ?: 'rate'}}">
                                                    <input type="hidden" name="deduction[{{$keyIndex2}}][applicable_on_check]" value="{{@$deductionvalue->componentSource->configuration['applicable_on_check'] ?: 'pay'}}">
                                                    <input type="hidden" name="deduction[{{$keyIndex2}}][pro_rata]" value="{{@$deductionvalue->componentSource->configuration['pro_rata'] ?: 'no'}}">

                                                    <input type="hidden" name="deduction[{{$keyIndex2}}][component_for_check]" value="{{ @$deductionvalue->componentSource->configuration['component_for_check'] ?: '' }}">

                                                    <button type="button" class="btn btn-icon rounded-circle btn-outline-success waves-effect" id="addDeductionConfig{{$keyIndex2}}" data-bs-toggle="modal" data-bs-target="#addDeductionConfigModal" data-id="{{$keyIndex2}}" title="Calculated Value Configuration" ><i class="tool" data-feather="tool"></i></button>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                </tbody>
                            </table> 
                        </div>
                    </div>

                    @if(count($derivedEmployeeTemplate) + count($derivedAdditionalEmployeeTemplate) > 0)
                    <div class="row mt-2">
                        <div class="col-md-12">
                            <h3><b>{{trans('admin/template.derived_type')}}</b></h3>
                            <table class="table table-bordered dataTable no-footer mt-2" id="organization" role="grid" >
                                <thead>
                                    <tr role="row" class="heading">
                                        <th style="width:25%;">{{trans('admin/template.component')}}</th>
                                        <th style="width:10%">{{trans('admin/template.calculate_value')}}</th>
                                        <th style="width:25%;"></th>
                                        <th style="width:15%;"><h5><b>Sum: &nbsp</b><span id="derived_sum">0</span></h5></th>
                                        <th style="width:20%;">{{trans('admin/template.calculate_on')}}</th>
                                        <th style="width:5%;"></th>
                                    </tr>
                                </thead>
                                <tbody id="derivedDiv">
                                @if(isset($data->template_id))
                                        @foreach($derivedEmployeeTemplate as $key2=>$derivedvalue)
                                            @php 
                                            $isComponentDeleted = (isset($derivedvalue->component->deleted_at) && $derivedvalue->component->deleted_at) ? 'deleteClass' : '';
                                            @endphp
                                            <tr role="row" class="odd {{ $isComponentDeleted }}">      
                                                <td style="font-size: 1.2em;"> <b><input type="hidden" name="derived[{{$key2}}][type_id]" value="{{$derivedvalue->type_id}}">{{@$derivedvalue->component->name}}</b><span class="badge bg-secondary" style="font-size:12px; float:right;"> {{$derivedvalue->group_type_name}}</span></td>
                                                <input type="hidden" name="derived[{{$key2}}][parent_id]" value="{{$derivedvalue->parent_id}}"> 
                                                <input type="hidden" name="derived[{{$key2}}][type_name]" value="{{$derivedvalue->type_name}}">                                     
                                                <input type="hidden" name="derived[{{$key2}}][calculation_method]" value="system"> 
                                                <input type="hidden" name="derived[{{$key2}}][value_type]" value="{{$derivedvalue->value_type}}">
                                                <input type="hidden" name="derived[{{$key2}}][type]" value="{{$derivedvalue->type}}">
                                                <input type="hidden" name="derived[{{$key2}}][frequency]" value="{{$derivedvalue->frequency}}"> 
                                                <input type="hidden" name="derived[{{$key2}}][group_type_name]" value="{{$derivedvalue->group_type_name}}"> 
                                                
                                                <td>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control derived_value_data" name="derived[{{$key2}}][value_data]" oninput="  calculate()" value="<br />
<b>Warning</b>:  Undefined variable $derivedvalue in <b>/var/www/html/thepresence360/resources/views/salarymaster/create_edit.blade.php</b> on line <b>485</b><br />
<br />
<b>Warning</b>:  Attempt to read property "value_data" on null in <b>/var/www/html/thepresence360/resources/views/salarymaster/create_edit.blade.php</b> on line <b>485</b><br />
0" onkeypress="return isNumberKey(event)">
                                                    </div> 
                                                </td>

                                                <td class="text-wrap">
                                                    @if($derivedvalue->value_type=='Percentage')
                                                        <b>% of ({{$derivedvalue->calculation_on}})</b>
                                                        <input type="hidden" name="derived[{{$key2}}][component_method_ids]" value="{{$derivedvalue->component_method_ids}}">
                                                        <input type="hidden" name="derived[{{$key2}}][component_method_names]" value="{{$derivedvalue->calculation_on}}">
                                                    @else
                                                        <b>Flat {{ ($derivedvalue->calculation_on) ? 'depends on ('.$derivedvalue->calculation_on .')' : '' }}</b>
                                                        <input type="hidden" name="derived[{{$key2}}][component_method_ids]" value="{{$derivedvalue->component_method_ids}}">
                                                        <input type="hidden" name="derived[{{$key2}}][component_method_names]" value="{{$derivedvalue->calculation_on}}">
                                                    @endif
                                                </td>
                                                
                                                <td>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control derived_calculated_value" name="derived[{{$key2}}][calculate_salary]" value="{{$derivedvalue->calculate_salary}}" oninput="calculateReverse({{$derivedvalue->type_id}})" onkeypress="return isNumberKey(event)" onchange="calculate()">
                                                    </div>
                                                </td>

                                                <td>
                                                    <select class="form-control select2" name="derived[{{$key2}}][calculation_type]" onchange="calculate()">
                                                        <option value="PaidDays"  @if(($derivedvalue->calculation_type =='PaidDays')) selected @endif>Pay Days</option>
                                                        <option value="Fixed" @if(($derivedvalue->calculation_type =='Fixed')) selected @endif >Fixed</option>
                                                        <option value="Hourly" @if(($derivedvalue->calculation_type =='Hourly')) selected @endif >Hourly</option>
                                                        
                                                    </select>
                                                </td>
                                                <td>
                                                    <input type="hidden" name="derived[{{$key2}}][min_value]" value="{{ @$derivedvalue->configuration['min_value'] }}">
                                                    <input type="hidden" name="derived[{{$key2}}][max_value]" value="{{ @$derivedvalue->configuration['max_value'] }}">
                                                    <input type="hidden" name="derived[{{$key2}}][min_output_value]" value="{{ @$derivedvalue->configuration['min_output_value'] }}">
                                                    <input type="hidden" name="derived[{{$key2}}][max_output_value]" value="{{ @$derivedvalue->configuration['max_output_value'] }}">
                                                    <input type="hidden" name="derived[{{$key2}}][re_calculate_on]" value="{{@$derivedvalue->configuration['re_calculate_on']}}">
                                                    <input type="hidden" name="derived[{{$key2}}][roundup_calculation_type]" @if(isset($derivedvalue->configuration['roundup_calculation_type'])) value="{{ @$derivedvalue->configuration['roundup_calculation_type'] }}" @else value="round" @endif>
                                                    <input type="hidden" name="derived[{{$key2}}][adjust_remaining]" value="{{ @$derivedvalue->configuration['adjust_remaining'] }}">
                                                    <input type="hidden" name="derived[{{$key2}}][adjust_remaining_id]" value="{{ @$derivedvalue->configuration['adjust_remaining_id'] }}">
                                                    <input type="hidden" name="derived[{{$key2}}][gender]" value="{{ @$derivedvalue->configuration['gender'] ?: 'all' }}">
                                                    <input type="hidden" name="derived[{{$key2}}][applicable_on]" value="{{ @$derivedvalue->configuration['applicable_on'] ?: 'rate' }}">
                                                    <input type="hidden" name="derived[{{$key2}}][applicable_on_check]" value="{{ @$derivedvalue->configuration['applicable_on_check'] ?: 'pay' }}">
                                                    <input type="hidden" name="derived[{{$key2}}][pro_rata]" value="{{ @$derivedvalue->configuration['pro_rata'] ?: 'no' }}">

                                                    <input type="hidden" name="derived[{{$key2}}][component_for_check]" value="{{ @$derivedvalue->componentSource->configuration['component_for_check'] ?: '' }}">
                                                    <button type="button" class="btn btn-icon rounded-circle btn-outline-success waves-effect" id="addDerivedConfig{{$key2}}" data-bs-toggle="modal" data-bs-target="#addDerivedConfigModal" data-id="{{$key2}}" title="Calculated Value Configuration" ><i class="tool" data-feather="tool"></i></button>
                                                </td>
                                            </tr>
                                        @endforeach
                                        @php 
                                        $keyIndex3 = isset($key2) ? $key2 : -1;
                                        @endphp
                                        @foreach($derivedAdditionalEmployeeTemplate as $key=>$derivedvalue)
                                            <tr role="row" class="odd">      
                                                <input type="hidden" name="derived[{{++$keyIndex3}}][parent_id]" value="{{$derivedvalue->parent_id}}"> 
                                                <input type="hidden" name="derived[{{$keyIndex3}}][type_name]" value="{{$derivedvalue->name}}">                                     
                                                <input type="hidden" name="derived[{{$keyIndex3}}][calculation_method]" value="system"> 
                                                <input type="hidden" name="derived[{{$keyIndex3}}][value_type]" value="{{$derivedvalue->value_type}}">
                                                <input type="hidden" name="derived[{{$keyIndex3}}][type]" value="{{$derivedvalue->type}}">
                                                <input type="hidden" name="derived[{{$keyIndex3}}][frequency]" value="{{$derivedvalue->frequency}}"> 
                                                <input type="hidden" name="derived[{{$keyIndex3}}][group_type_name]" value="{{$derivedvalue->group_type_name}}"> 
                                                
                                                <td style="font-size: 1.2em;"> <b><input type="hidden" name="derived[{{$keyIndex3}}][type_id]" value="{{$derivedvalue->type_id}}">{{$derivedvalue->name}}</b><span class="badge bg-secondary" style="font-size:12px; float:right;"> {{$derivedvalue->group_type_name}}</span></td>
                                                
                                                <td>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control derived_value_data" name="derived[{{$keyIndex3}}][value_data]" oninput=" calculate()" value="<br />
<b>Warning</b>:  Undefined variable $derivedvalue in <b>/var/www/html/thepresence360/resources/views/salarymaster/create_edit.blade.php</b> on line <b>551</b><br />
<br />
<b>Warning</b>:  Attempt to read property "value_data" on null in <b>/var/www/html/thepresence360/resources/views/salarymaster/create_edit.blade.php</b> on line <b>551</b><br />
0" onkeypress="return isNumberKey(event)">
                                                    </div> 
                                                </td>
                                                <td class="text-wrap">
                                                    @if($derivedvalue->value_type=='Percentage')
                                                        <b>% of ({{count($derivedvalue->componentSource->componentMethod)>0 ? implode(" + ", $derivedvalue->componentSource->componentMethod->pluck('name')->toArray()) : 'CTC'}})</b>
                                                        <input type="hidden" name="derived[{{$keyIndex3}}][component_method_ids]" value="{{implode(",", $derivedvalue->componentSource->componentMethod->pluck('id')->toArray())}}">
                                                        <input type="hidden" name="derived[{{$keyIndex3}}][component_method_names]" value="{{count($derivedvalue->componentSource->componentMethod)>0 ? implode(" + ", $derivedvalue->componentSource->componentMethod->pluck('name')->toArray()) : 'CTC'}}">
                                                    @else
                                                        <b>Flat {{count($derivedvalue->componentSource->componentMethod)>0 ? 'depends on ('.implode(" + ", $derivedvalue->componentSource->componentMethod->pluck('name')->toArray()) .')' : ''}}</b>
                                                        <input type="hidden" name="derived[{{$keyIndex3}}][component_method_ids]" value="{{implode(",", $derivedvalue->componentSource->componentMethod->pluck('id')->toArray())}}">
                                                        <input type="hidden" name="derived[{{$keyIndex3}}][component_method_names]" value="{{count($derivedvalue->componentSource->componentMethod)>0 ? implode(" + ", $derivedvalue->componentSource->componentMethod->pluck('name')->toArray()) : ''}}">
                                                    @endif
                                                </td>
                                                
                                                <td>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control derived_calculated_value" name="derived[{{$keyIndex3}}][calculate_salary]" value="0" oninput="calculateReverse({{$derivedvalue->type_id}})" onkeypress="return isNumberKey(event)" onchange="calculate()">
                                                    </div>
                                                </td>
                                                <td>
                                                    <select class="form-control select2" name="derived[{{$keyIndex3}}][calculation_type]" onchange="calculate()">
                                                        <option value="PaidDays"  @if(($derivedvalue->calculation_type =='PaidDays')) selected @endif>Pay Days</option>
                                                        <option value="Fixed" @if(($derivedvalue->calculation_type =='Fixed')) selected @endif >Fixed</option>
                                                        <option value="Hourly" @if(($derivedvalue->calculation_type =='Hourly')) selected @endif >Hourly</option>
                                                        
                                                    </select>
                                                </td>

                                                <td>
                                                    <input type="hidden" name="derived[{{$keyIndex3}}][min_value]" value="{{ @$derivedvalue->componentSource->configuration['min_value'] }}">
                                                    <input type="hidden" name="derived[{{$keyIndex3}}][max_value]" value="{{ @$derivedvalue->componentSource->configuration['max_value'] }}">
                                                    <input type="hidden" name="derived[{{$keyIndex3}}][min_output_value]" value="{{ @$derivedvalue->componentSource->configuration['min_output_value'] }}">
                                                    <input type="hidden" name="derived[{{$keyIndex3}}][max_output_value]" value="{{ @$derivedvalue->componentSource->configuration['max_output_value'] }}">
                                                    <input type="hidden" name="derived[{{$keyIndex3}}][re_calculate_on]" value="{{@$derivedvalue->componentSource->configuration['re_calculate_on']}}">
                                                    <input type="hidden" name="derived[{{$keyIndex3}}][roundup_calculation_type]" @if(isset($derivedvalue->componentSource->configuration['roundup_calculation_type'])) value="{{ @$derivedvalue->componentSource->configuration['roundup_calculation_type'] }}" @else value="round" @endif>
                                                    <input type="hidden" name="derived[{{$keyIndex3}}][adjust_remaining]" value="{{ @$derivedvalue->componentSource->configuration['adjust_remaining'] }}">
                                                    <input type="hidden" name="derived[{{$key}}][adjust_remaining_id]" value="{{ @$derivedvalue->componentSource->configuration['adjust_remaining_id'] }}">                                                    <input type="hidden" name="derived[{{$keyIndex3}}][gender]" value="{{ @$derivedvalue->componentSource->configuration['gender'] ?: 'all' }}">
                                                    <input type="hidden" name="derived[{{$keyIndex3}}][applicable_on]" value="{{ @$derivedvalue->componentSource->configuration['applicable_on'] ?: 'rate' }}">
                                                    <input type="hidden" name="derived[{{$keyIndex3}}][applicable_on_check]" value="{{ @$derivedvalue->componentSource->configuration['applicable_on_check'] ?: 'pay' }}">
                                                    <input type="hidden" name="derived[{{$keyIndex3}}][pro_rata]" value="{{ @$derivedvalue->componentSource->configuration['pro_rata'] ?: 'no' }}">

                                                    <input type="hidden" name="derived[{{$keyIndex3}}][component_for_check]" value="{{ @$derivedvalue->componentSource->configuration['component_for_check'] ?: '' }}">
                                                    
                                                    <button type="button" class="btn btn-icon rounded-circle btn-outline-success waves-effect" id="addDerivedConfig{{$keyIndex3}}" data-bs-toggle="modal" data-bs-target="#addDerivedConfigModal" data-id="{{$keyIndex3}}" title="Calculated Value Configuration" ><i class="tool" data-feather="tool"></i></button>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                </tbody>
                            </table> 
                        </div>
                    </div>
                    @endif

                    @if(count($reimbursementEmployeeTemplate) + count($reimbursementAdditionalEmployeeTemplate) > 0)
                    <div class="row mt-2">
                        <div class="col-md-12">
                            <h3><b>Reimbursement</b></h3>
                            <table class="table table-bordered dataTable no-footer mt-2" role="grid">
                                <thead>
                                    <tr role="row" class="heading">
                                        <th style="width:50%;">Component</th>
                                        <th style="width:30%;">Opted Amount (Monthly)</th>
                                        <th style="width:20%;"><h5><b>Total: &nbsp</b><span id="reimbursement_opted_sum">0</span></h5></th>
                                    </tr>
                                </thead>
                                <tbody id="reimbursementDiv">
                                    {{-- PayrollEmployeeTemplateStructures.calculate_salary is itself a
                                    monthly figure (no scaling) - month_salary is set to the same value
                                    on save (see EmployeeCtcController::update()), since this form only
                                    collects one amount per component. --}}
                                    @foreach($reimbursementEmployeeTemplate as $rkey=>$reimbursementvalue)
                                        <tr role="row" class="odd">
                                            <td style="font-size: 1.2em;">
                                                <b><input type="hidden" name="reimbursement[{{$rkey}}][type_id]" value="{{$reimbursementvalue->type_id}}">{{ @$reimbursementvalue->component->name }}</b>
                                            </td>
                                            <td>
                                                <div class="form-group">
                                                    <input type="text" class="form-control reimbursement_opted" name="reimbursement[{{$rkey}}][opted_amount]" value="{{ round($reimbursementvalue->calculate_salary, 2) }}" onkeypress="return isNumberKey(event)" oninput="calculateReimbursement()">
                                                </div>
                                            </td>
                                            <td></td>
                                        </tr>
                                    @endforeach
                                    @php $rkeyIndex = isset($rkey) ? $rkey : -1; @endphp
                                    @foreach($reimbursementAdditionalEmployeeTemplate as $reimbursementvalue)
                                        @php
                                            $rkeyIndex++;
                                            // No PayrollEmployeeTemplateStructures row exists yet for this
                                            // employee+component, so fall back to EmpReimbursementEligibility
                                            // (keyed by component name - see EmployeeCtcController::edit()).
                                            // eligible_amount there is a flat annual figure (see
                                            // ReimbursementSyncService::sync()), so recovering its monthly
                                            // figure is a plain /12.
                                            $eligibility = $employeeReimbursementEligibility->get($reimbursementvalue->name);
                                        @endphp
                                        <tr role="row" class="odd">
                                            <td style="font-size: 1.2em;">
                                                <b><input type="hidden" name="reimbursement[{{$rkeyIndex}}][type_id]" value="{{$reimbursementvalue->type_id}}">{{ $reimbursementvalue->name }}</b>
                                            </td>
                                            <td>
                                                <div class="form-group">
                                                    <input type="text" class="form-control reimbursement_opted" name="reimbursement[{{$rkeyIndex}}][opted_amount]" value="{{ round(($eligibility->eligible_amount ?? 0) / 12, 2) }}" onkeypress="return isNumberKey(event)" oninput="calculateReimbursement()">
                                                </div>
                                            </td>
                                            <td></td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @endif

                    <div class="row float-right">
                        <div class="col-12 mt-2">
                            <button type="button" onclick="calculate()" id="save-form" class="btn btn-primary me-1 scrolltop"> @lang('app.save')</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="addConfigModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-md modal-dialog-centered modal-edit-user">
            <div class="modal-content">
                <div class="modal-header bg-transparent">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body pb-5 pt-50">
                    <div class="mb-2">
                        <h3 class="mb-2" id="modelHeading">Add Calculated Value Configuration</h3>
                    </div>
                    <form id="config_form" onsubmit="return false;">
						<input type="hidden" name="component_id" id="component_id" value="">
						<div class="row">
                        	<div class="col-12">
								<table class="table table-responsive">
									<thead>
										<th>Type</th>
										<th>Value</th>
									</thead>
									<tbody>
                                        <tr>
											<td class="text-nowrap"><b>{{trans('admin/template.applicable_on_check')}}</b></td>
											<td>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="applicable_on_check" id="applicable_on_check_rate" value="rate" checked>
													<label class="form-check-label" for="applicable_on_check_rate">Rate</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="applicable_on_check" id="applicable_on_check_pay" value="pay">
													<label class="form-check-label" for="applicable_on_check_pay">Pay</label>
												</div>
											</td>
										</tr>
										<tr>
											<td class="text-nowrap"><b>Min Value</b></td>
											<td>
												<input type="text" id="min_value" name="min_value" value="" class="form-control modal-edit-tax-id" placeholder="Enter Min Value" onkeypress="return isNumberKey(event)"/>
											</td>
										</tr>
										<tr>
											<td class="text-nowrap"><b>Max Value</b></td>
											<td>
												<input type="text" id="max_value" name="max_value" value="" class="form-control modal-edit-tax-id" placeholder="Enter Max Value" onkeypress="return isNumberKey(event)"/>
											</td>
										</tr>
                                        <tr>
											<td class="text-nowrap"><b>Min Output Value</b></td>
											<td>
												<input type="text" id="min_output_value" name="min_output_value" value="" class="form-control modal-edit-tax-id" placeholder="Enter Min Output Value" onkeypress="return isNumberKey(event)"/>
											</td>
										</tr>
										<tr>
											<td class="text-nowrap"><b>Max Output Value</b></td>
											<td>
												<input type="text" id="max_output_value" name="max_output_value" value="" class="form-control modal-edit-tax-id" placeholder="Enter Max Output Value" onkeypress="return isNumberKey(event)"/>
											</td>
										</tr>
										<tr>
											<td><b>Re-Calculate On</b></td>
											<td>
												<select class="form-control select2" name="re_calculate_on[]" id="re_calculate_on" multiple>
													@foreach($months as $month)
														<option value="{{$loop->iteration}}">{{$month}}</option>
													@endforeach
												</select>
											</td>
										</tr>
										<tr>
											<td class="text-nowrap"><b>{{trans('admin/template.method')}}</b></td>
											<td>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="roundup_calculation_type" id="round" value="round">
													<label class="form-check-label" for="round">Round</label>
												</div>
                                                <div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="roundup_calculation_type" id="two_decimal" value="two_decimal">
													<label class="form-check-label" for="two_decimal">Two Decimal</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="roundup_calculation_type" id="floor" value="floor">
													<label class="form-check-label" for="floor">Round Down</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="roundup_calculation_type" id="ceil" value="ceil">
													<label class="form-check-label" for="ceil">Round Up</label>
												</div>
                                                <div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="roundup_calculation_type" id="free" value="free">
													<label class="form-check-label" for="free">Free</label>
												</div>
											</td>
										</tr>
										
										<tr>
											<td class="text-nowrap"><b>Gender</b></td>
											<td>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="gender" id="all"  value="all">
													<label class="form-check-label" for="all">All</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="gender" id="male" value="male">
													<label class="form-check-label" for="male">Male</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="gender" id="female" value="female">
													<label class="form-check-label" for="female">Female</label>
												</div>
											</td>
										</tr>

										<tr>
											<td class="text-nowrap"><b>Applicable On</b></td>
											<td>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="applicable_on" id="rate" value="rate" >
													<label class="form-check-label" for="rate">Rate</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="applicable_on" id="pay" value="pay" checked>
													<label class="form-check-label" for="pay">Pay</label>
												</div>
											</td>
										</tr>
                                        <tr>
											<td class="text-nowrap"><b>Pro Rata</b></td>
											<td>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="pro_rata" id="yes" value="yes" >
													<label class="form-check-label" for="yes">Yes</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="pro_rata" id="no" value="no" checked>
													<label class="form-check-label" for="no">No</label>
												</div>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
                        <div class="col-12 d-flex justify-content-end mt-2 pt-50">
                            <button type="reset" class="btn btn-outline-secondary me-2" data-bs-dismiss="modal" aria-label="Close">
                                {{trans('common/common.discard')}}
                            </button>
                            <button type="button" class="btn btn-primary" id="add_config">{{trans('common/common.submit')}}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="addDeductionConfigModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-md modal-dialog-centered modal-edit-user">
            <div class="modal-content">
                <div class="modal-header bg-transparent">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body pb-5 pt-50">
                    <div class="mb-2">
                        <h3 class="mb-2" id="modelHeading">Add Calculated Value Configuration</h3>
                    </div>
                    <form id="config_form" onsubmit="return false;">
						<input type="hidden" name="component_id_deduction" id="component_id_deduction" value="">
						<div class="row">
                        	<div class="col-12">
								<table class="table table-responsive">
									<thead>
										<th>Type</th>
										<th>Value</th>
									</thead>
									<tbody>
                                        <tr>
											<td class="text-nowrap"><b>{{trans('admin/template.applicable_on_check')}}</b></td>
											<td>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="applicable_on_check_deduction" id="applicable_on_check_rate_deduction" value="rate" checked>
													<label class="form-check-label" for="applicable_on_check_rate_deduction">Rate</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="applicable_on_check_deduction" id="applicable_on_check_pay_deduction" value="pay">
													<label class="form-check-label" for="applicable_on_check_pay_deduction">Pay</label>
												</div>
											</td>
										</tr>
										<tr>
											<td class="text-nowrap"><b>Min Value</b></td>
											<td>
												<input type="text" id="min_value_deduction" name="min_value_deduction" value="" class="form-control modal-edit-tax-id" placeholder="Enter Min Value" onkeypress="return isNumberKey(event)"/>
											</td>
										</tr>
										<tr>
											<td class="text-nowrap"><b>Max Value</b></td>
											<td>
												<input type="text" id="max_value_deduction" name="max_value_deduction" value="" class="form-control modal-edit-tax-id" placeholder="Enter Max Value" onkeypress="return isNumberKey(event)"/>
											</td>
										</tr>
                                        <tr>
											<td class="text-nowrap"><b>Min Output Value</b></td>
											<td>
												<input type="text" id="min_output_value_deduction" name="min_output_value_deduction" value="" class="form-control modal-edit-tax-id" placeholder="Enter Min Output Value" onkeypress="return isNumberKey(event)"/>
											</td>
										</tr>
										<tr>
											<td class="text-nowrap"><b>Max Output Value</b></td>
											<td>
												<input type="text" id="max_output_value_deduction" name="max_output_value_deduction" value="" class="form-control modal-edit-tax-id" placeholder="Enter Max Output Value" onkeypress="return isNumberKey(event)"/>
											</td>
										</tr>
										<tr>
											<td><b>Re-Calculate On</b></td>
											<td>
												<select class="form-control select2" name="re_calculate_on_deduction[]" id="re_calculate_on_deduction" multiple>
													@foreach($months as $month)
														<option value="{{$loop->iteration}}">{{$month}}</option>
													@endforeach
												</select>
											</td>
										</tr>
										<tr>
											<td class="text-nowrap"><b>{{trans('admin/template.method')}}</b></td>
											<td>
                                                <div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="roundup_calculation_type_deduction" id="round_deduction" value="round">
													<label class="form-check-label" for="round_deduction">Round</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="roundup_calculation_type_deduction" id="two_decimal_deduction" value="two_decimal">
													<label class="form-check-label" for="two_decimal_deduction">Two Decimal</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="roundup_calculation_type_deduction" id="floor_deduction" value="floor">
													<label class="form-check-label" for="floor_deduction">Round Down</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="roundup_calculation_type_deduction" id="ceil_deduction" value="ceil">
													<label class="form-check-label" for="ceil_deduction">Round Up</label>
												</div>
                                                <div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="roundup_calculation_type_deduction" id="free_deduction" value="free">
													<label class="form-check-label" for="free_deduction">Free</label>
												</div>
											</td>
										</tr>
										
										<tr>
											<td class="text-nowrap"><b>Gender</b></td>
											<td>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="gender_type_deduction" id="all_deduction"  value="all">
													<label class="form-check-label" for="all_deduction">All</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="gender_type_deduction" id="male_deduction" value="male">
													<label class="form-check-label" for="male_deduction">Male</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="gender_type_deduction" id="female_deduction" value="female">
													<label class="form-check-label" for="female_deduction">Female</label>
												</div>
											</td>
										</tr>

										<tr>
											<td class="text-nowrap"><b>Applicable On</b></td>
											<td>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="applicable_on_deduction" id="rate_deduction" value="rate" >
													<label class="form-check-label" for="rate_deduction">Rate</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="applicable_on_deduction" id="pay_deduction" value="pay" checked>
													<label class="form-check-label" for="pay_deduction">Pay</label>
												</div>
											</td>
										</tr>

                                        <tr>
											<td class="text-nowrap"><b>Pro Rata</b></td>
											<td>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="pro_rata_deduction" id="yes_deduction" value="yes" >
													<label class="form-check-label" for="yes_deduction">Yes</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="pro_rata_deduction" id="no_deduction" value="no" checked>
													<label class="form-check-label" for="no_deduction">No</label>
												</div>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
                        <div class="col-12 d-flex justify-content-end mt-2 pt-50">
                            <button type="reset" class="btn btn-outline-secondary me-2" data-bs-dismiss="modal" aria-label="Close">
                                {{trans('common/common.discard')}}
                            </button>
                            <button type="button" class="btn btn-primary" id="add_deduction_config">{{trans('common/common.submit')}}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="addDerivedConfigModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-md modal-dialog-centered modal-edit-user">
            <div class="modal-content">
                <div class="modal-header bg-transparent">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body pb-5 pt-50">
                    <div class="mb-2">
                        <h3 class="mb-2" id="modelHeading">Add Calculated Value Configuration</h3>
                    </div>
                    <form id="config_form" onsubmit="return false;">
						<input type="hidden" name="component_id_derived" id="component_id_derived" value="">
						<div class="row">
                        	<div class="col-12">
								<table class="table table-responsive">
									<thead>
										<th>Type</th>
										<th>Value</th>
									</thead>
									<tbody>
                                        <tr>
											<td class="text-nowrap"><b>{{trans('admin/template.applicable_on_check')}}</b></td>
											<td>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="applicable_on_check_derived" id="applicable_on_check_rate_derived" value="rate" checked>
													<label class="form-check-label" for="applicable_on_check_rate_derived">Rate</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="applicable_on_check_derived" id="applicable_on_check_pay_derived" value="pay">
													<label class="form-check-label" for="applicable_on_check_pay_derived">Pay</label>
												</div>
											</td>
										</tr>
										<tr>
											<td class="text-nowrap"><b>Min Value</b></td>
											<td>
												<input type="text" id="min_value_derived" name="min_value_derived" value="" class="form-control modal-edit-tax-id" placeholder="Enter Min Value" onkeypress="return isNumberKey(event)"/>
											</td>
										</tr>
										<tr>
											<td class="text-nowrap"><b>Max Value</b></td>
											<td>
												<input type="text" id="max_value_derived" name="max_value_derived" value="" class="form-control modal-edit-tax-id" placeholder="Enter Max Value" onkeypress="return isNumberKey(event)"/>
											</td>
										</tr>
                                        <tr>
											<td class="text-nowrap"><b>Min Output Value</b></td>
											<td>
												<input type="text" id="min_output_value_derived" name="min_output_value_derived" value="" class="form-control modal-edit-tax-id" placeholder="Enter Min Output Value" onkeypress="return isNumberKey(event)"/>
											</td>
										</tr>
										<tr>
											<td class="text-nowrap"><b>Max Output Value</b></td>
											<td>
												<input type="text" id="max_output_value_derived" name="max_output_value_derived" value="" class="form-control modal-edit-tax-id" placeholder="Enter Max Output Value" onkeypress="return isNumberKey(event)"/>
											</td>
										</tr>
										<tr>
											<td><b>Re-Calculate On</b></td>
											<td>
												<select class="form-control select2" name="re_calculate_on_derived[]" id="re_calculate_on_derived" multiple>
													@foreach($months as $month)
														<option value="{{$loop->iteration}}">{{$month}}</option>
													@endforeach
												</select>
											</td>
										</tr>
										<tr>
											<td class="text-nowrap"><b>{{trans('admin/template.method')}}</b></td>
											<td>
                                                <div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="roundup_calculation_type_derived" id="round_derived" value="round">
													<label class="form-check-label" for="round_derived">Round</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="roundup_calculation_type_derived" id="two_decimal_derived" value="two_decimal">
													<label class="form-check-label" for="two_decimal_derived">Two Decimal</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="roundup_calculation_type_derived" id="floor_derived" value="floor">
													<label class="form-check-label" for="floor_derived">Round Down</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="roundup_calculation_type_derived" id="ceil_derived" value="ceil">
													<label class="form-check-label" for="ceil_derived">Round Up</label>
												</div>
                                                <div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="roundup_calculation_type_derived" id="free_derived" value="free">
													<label class="form-check-label" for="free_derived">Free</label>
												</div>
											</td>
										</tr>
										
										<tr>
											<td class="text-nowrap"><b>Gender</b></td>
											<td>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="gender_type_derived" id="all_derived"  value="all">
													<label class="form-check-label" for="all_derived">All</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="gender_type_derived" id="male_derived" value="male">
													<label class="form-check-label" for="male_derived">Male</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="gender_type_derived" id="female_derived" value="female">
													<label class="form-check-label" for="female_derived">Female</label>
												</div>
											</td>
										</tr>

										<tr>
											<td class="text-nowrap"><b>Applicable On</b></td>
											<td>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="applicable_on_derived" id="rate_derived" value="rate" >
													<label class="form-check-label" for="rate_derived">Rate</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="applicable_on_derived" id="pay_derived" value="pay" checked>
													<label class="form-check-label" for="pay_derived">Pay</label>
												</div>
											</td>
										</tr>
                                        <tr>
											<td class="text-nowrap"><b>Pro Rata</b></td>
											<td>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="pro_rata_derived" id="yes_derived" value="yes" >
													<label class="form-check-label" for="yes_derived">Yes</label>
												</div>
												<div class="form-check form-check-inline me-0">
													<input type="radio" class="form-check-input" name="pro_rata_derived" id="no_derived" value="no" checked>
													<label class="form-check-label" for="no_derived">No</label>
												</div>
											</td>
										</tr>
                                        <tr>
                                            <td class="text-nowrap">
                                                <b>{{trans('admin/template.adjust_remaining')}}</b>
                                            </td>
                                            <td>
                                                <div class="form-check form-check-inline me-0">
                                                    <input type="radio" class="form-check-input"  name="adjust_remaining_derived"  id="adjust_remaining_derived0"  value="0">
                                                    <label class="form-check-label" for="adjust_remaining_derived0"> No </label>
                                                </div>
                                                <div class="form-check form-check-inline me-2">
                                                    <input type="radio"  class="form-check-input"  name="adjust_remaining_derived"  id="adjust_remaining_derived1"  value="1">
                                                    <label class="form-check-label" for="adjust_remaining_derived1"> Yes</label>
                                                </div>

                                                <div id="adjust_remaining_derived_div" style="display:none;" >
                                                    <select class="form-control select2" name="adjust_remaining_derived_id" id="adjust_remaining_derived_id" style="width:100%;">
                                                        <option value="">Select Derived Component </option>
                                                        @foreach($derivedEmployeeTemplate as $derived)
                                                            <option value="{{ $derived->type_id }}">
                                                                {{ $derived->type_name }}
                                                            </option>
                                                        @endforeach
                                                        @foreach($derivedAdditionalEmployeeTemplate as $derived)
                                                            <option value="{{ $derived->type_id }}">
                                                                {{ $derived->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </td>
                                        </tr>
									</tbody>
								</table>
							</div>
						</div>
                        <div class="col-12 d-flex justify-content-end mt-2 pt-50">
                            <button type="reset" class="btn btn-outline-secondary me-2" data-bs-dismiss="modal" aria-label="Close">
                                {{trans('common/common.discard')}}
                            </button>
                            <button type="button" class="btn btn-primary" id="add_derived_config">{{trans('common/common.submit')}}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
{!! Form::close() !!} 
<!-- Basic Floating Label Form section end -->

@endsection 

@push('footer-script')

<!-- BEGIN: Page Vendor JS-->
<script src="/app-assets/vendors/js/forms/wizard/bs-stepper.min.js"></script>
<script src="/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
<script src="/app-assets/vendors/js/forms/validation/jquery.validate.min.js"></script>
<script src="/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.date.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.time.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/legacy.js"></script>
<!-- END: Page Vendor JS-->
<script src="/app-assets/vendors/js/tables/datatable/jquery.dataTables.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/dataTables.bootstrap5.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/dataTables.responsive.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/responsive.bootstrap5.js"></script>
<script src="/app-assets/js/scripts/ui/ui-feather.js"></script>
<script src="/assets/js/moment.min.js"></script>
<script src="/assets/js/daterangepicker.js"></script>

<script src="/app-assets/vendors/js/tables/datatable/datatables.checkboxes.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/datatables.buttons.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/jszip.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/pdfmake.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/vfs_fonts.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/buttons.html5.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/buttons.print.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/dataTables.rowGroup.min.js"></script>
<script src="/app-assets/vendors/js/extensions/toastr.min.js"></script>
<script src="/app-assets/js/scripts/tables/table-datatables-basic.js"></script>
<script src="/app-assets/js/scripts/tables/table-datatables-advanced.js"></script>
<!-- BEGIN: Page JS-->
<script src="/app-assets/js/scripts/forms/form-wizard.js"></script>
<script src="/app-assets/js/scripts/forms/form-validation.js"></script>
<script src="/app-assets/js/scripts/forms/pickers/form-pickers.js"></script>

<script src="/assets/plugins/bower_components/bootstrap-select/bootstrap-select.min.js"></script>

<!-- END: Page JS-->

<script language=Javascript>

     function toggleAdjustRemainingDropdown() {
        if ($('input[name="adjust_remaining_derived"]:checked').val() == '1') {
            $('#adjust_remaining_derived_div').show();
        }

        if($('input[name="adjust_remaining_derived"]:checked').val() == '0')
         {
            $('#adjust_remaining_derived_div').hide();
            $('#adjust_remaining_derived_id').val('').trigger('change')
        }
    }
    $('input[name="adjust_remaining_derived"]').on('change', function () {
        toggleAdjustRemainingDropdown();
    });
      toggleAdjustRemainingDropdown();
  
     $(document).ready(function(){
                $('#effective_date').flatpickr({
                    dateFormat: 'd-m-Y',
                });
               
                
        });
        function isNumberKey(evt)
        {
            var charCode = (evt.which) ? evt.which : evt.keyCode;
            if (charCode != 46 && charCode > 31 
                && (charCode < 48 || charCode > 57))
                return false;

            return true;
        }

        function percentageVal(event){
            var val = $(this).val();
            if(parseInt(val) > 100){
                $(this).val(val.slice(0, -1));
            }
            return true;
        }

        $(document).ready(function(){
            @if(!isset($data->template_id))
                $('#template_id').trigger('change');
            @else
                calculate();
            @endif
            calculateReimbursement();
        });

        function calculateReimbursement(){
            var total = 0;
            $('.reimbursement_opted').each(function(){
                total += parseFloat($(this).val()) || 0;
            });
            $('#reimbursement_opted_sum').html(total);
            updateCtcSumDisplay();
        }

        // #ctc_sum shows CTC + Gross + Reimbursement combined ("Total Calculated
        // CTC"); data-base holds the pure component-calculated total (from the
        // server, excludes reimbursement) so this can be recomputed client-side
        // whenever a reimbursement opted amount changes, without another AJAX call.
        function updateCtcSumDisplay(){
            var ctc = parseFloat($('#ctc_sum').data('base')) || 0;
            var reimbursement = parseFloat($('#reimbursement_opted_sum').html()) || 0;
            $('#ctc_sum').html((ctc + reimbursement).toFixed(2));
        }

        function calculate(){
            var formdata = new FormData(document.getElementById('form-data'));

            $.ajax({
                url: "{!! route('salarymaster.calculate-salary',['alias'=>$alias]) !!}",
                headers: {
                    'X-CSRF-TOKEN': "{{ csrf_token() }}",
                },
                method: 'post',
                type: 'POST',
                dataType: "JSON",
                enctype: "multipart/form-data",
                cache: false,
                async:false,
                processData: false,
                contentType: false,
                data: formdata,
                success: function(data) {
                    $('.earning_calculated_value').each(function(i, obj) {
                        $(obj).val(data['earning'][i])
                    });
                    $('.deduction_calculated_value').each(function(i, obj) {
                        $(obj).val(data['deduction'][i])
                    });
                    $('.derived_calculated_value').each(function(i, obj) {
                        $(obj).val(data['derived'][i])
                    });
                    $('#earning_sum').html(data['earningSum']);
                    $('#deduction_sum').html(data['deductionSum']);
                    $('#derived_sum').html(data['derivedSum']);
                    $('#final_sum').html(data['finalSalary']);
                    $('#ctc_sum').data('base', data['ctcSum']);
                    updateCtcSumDisplay();
                }
            });
        }

        $(".scrolltop").click(function() {
            $("html, body").animate({ scrollTop: 0 });
            return false;
        });

        function calculateReverse(id, parent_id = null){
            var formdata = new FormData(document.getElementById('form-data'));
            formdata.append('master_type_id', id);

            $.ajax({
                url: "{!! route('salarymaster.calculate-salary-reverse',['alias'=>$alias]) !!}",
                headers: {
                    'X-CSRF-TOKEN': "{{ csrf_token() }}",
                },
                method: 'post',
                type: 'POST',
                dataType: "JSON",
                enctype: "multipart/form-data",
                cache: false,
                processData: false,
                contentType: false,
                data: formdata,
                success: function(data) {
                    $('.earning_value_data').each(function(i, obj) {
                        var valueType = $('input[name="earning['+i+'][value_type]"]').val();
                        if(valueType == 'Percentage' ) {
                            if(data['earning'][i]<=100){
                                $(obj).val(data['earning'][i]);
                            }
                        }
                        else{
                            $(obj).val(data['earning'][i]);
                        }
                    });
                    $('.deduction_value_data').each(function(i, obj) {
                        var valueType = $('input[name="deduction['+i+'][value_type]"]').val();
                        if(valueType == 'Percentage' ) {
                            if(data['deduction'][i]<=100){
                                $(obj).val(data['deduction'][i]);
                            }
                        }
                        else{
                            $(obj).val(data['deduction'][i]);
                        }
                    });
                    $('.derived_value_data').each(function(i, obj) {
                        var valueType = $('input[name="derived['+i+'][value_type]"]').val();
                        if(valueType == 'Percentage' ) {
                            $(obj).val(data['derived'][i]);
                        }
                        else{
                            $(obj).val(data['derived'][i]);
                        }
                    });
                },
            });
        }

        $("#save-form").click(function(e) {
            e.preventDefault();
            var finalSalary = parseFloat($('#ctc_amount').val());
            var earningSum = parseFloat($('#earning_sum').html());
            var ctcSum = parseFloat($('#ctc_sum').html());
            var deductionSum = parseFloat($('#deduction_sum').html());

            // if(earningSum > finalSalary){
            //     $('#alert').html('Earning Amount Must be less than the CTC Amount');

            //     $('#alert').parent().show();

            //     return false;
            // }
            // #ctc_amount must equal the earning-structure sum PLUS reimbursement -
            // the admin types the full package total here. #ctc_sum is now already
            // inclusive of reimbursement (see updateCtcSumDisplay()), so this
            // compares it directly. EmployeeCtcController::update() saves
            // $request->ctc_amount as-is - it must NOT also add reimbursement
            // server-side, or the total gets double-counted.
            if(ctcSum != finalSalary){
                $('#alert').html('Total Calculated CTC Must be equal to CTC Amount');

                $('#alert').parent().show();

                return false;
            }
            if(deductionSum > earningSum){
                $('#alert').html('Deduction Amount Must be less than the Earning Amount');

                $('#alert').parent().show();

                return false;
            }
            if(deductionSum > finalSalary){
                $('#alert').html('Deduction Amount Must be less than the CTC Amount');

                $('#alert').parent().show();

                return false;
            }
            $('#alert').parent().hide();
            $("form").submit();
            return true;
        });

        $("#add_config").click(function() {
            var id = $('#component_id').val();
            $('input[name="earning['+id+'][min_value]"').val($('#min_value').val());
            $('input[name="earning['+id+'][max_value]"').val($('#max_value').val());
            $('input[name="earning['+id+'][min_output_value]"').val($('#min_output_value').val());
            $('input[name="earning['+id+'][max_output_value]"').val($('#max_output_value').val());
            $('input[name="earning['+id+'][re_calculate_on]"').val($('#re_calculate_on').val());
            $('input[name="earning['+id+'][roundup_calculation_type]"').val($('input[name="roundup_calculation_type"]:checked').val());
            $('input[name="earning['+id+'][gender]"').val($('input[name="gender"]:checked').val());
            $('input[name="earning['+id+'][applicable_on]"').val($('input[name="applicable_on"]:checked').val());
            $('input[name="earning['+id+'][applicable_on_check]"').val($('input[name="applicable_on_check"]:checked').val());
            $('input[name="earning['+id+'][pro_rata]"').val($('input[name="pro_rata"]:checked').val());
            $('.btn-close').trigger('click');
            $('#min_value').val('');
            $('#max_value').val('');
            $('#min_output_value').val('');
            $('#max_output_value').val('');
            $('input[name="roundup_calculation_type"]').prop('checked', false);
            $('input[name="gender"]').prop('checked', false);
            $('input[name="applicable_on"]').prop('checked', false);
            $('input[name="applicable_on_check"]').prop('checked', false);
            $('input[name="pro_rata"]').prop('checked', false);
		    $('#round').prop('checked', true);
            $.each($("#re_calculate_on option"), function(){
                $(this).removeAttr("selected");
            });
            $('#re_calculate_on').select2();
            calculate();
            calculateReverse($('input[name="earning['+id+'][master_type_id]"').val());
           
        });
        
        $('#addConfigModal').on('show.bs.modal', function(e) {
            var id = $(e.relatedTarget).data('id');
            $('#component_id').val(id);
            $('#min_value').val('');
            $('#max_value').val('');
            $('#min_output_value').val('');
            $('#max_output_value').val('');
            $('input[name="roundup_calculation_type"]').prop('checked', false);
            $('input[name="gender"]').prop('checked', false);
            $('input[name="applicable_on"]').prop('checked', false);
            $('input[name="applicable_on_check"]').prop('checked', false);
            $('input[name="pro_rata"]').prop('checked', false);
		    $('#round').prop('checked', true);
            $.each($("#re_calculate_on option"), function(){
                $(this).removeAttr("selected");
            });
            $('#re_calculate_on').select2();
            console.log($('input[name="earning['+id+'][applicable_on_check]"').val());
            $('#min_value').val($('input[name="earning['+id+'][min_value]"').val());
            $('#max_value').val($('input[name="earning['+id+'][max_value]"').val());
            $('#min_output_value').val($('input[name="earning['+id+'][min_output_value]"').val());
            $('#max_output_value').val($('input[name="earning['+id+'][max_output_value]"').val());
		    $('#'+$('input[name="earning['+id+'][roundup_calculation_type]"').val()).prop('checked', true);
		    $('#'+$('input[name="earning['+id+'][gender]"').val()).prop('checked', true);
		    $('#'+$('input[name="earning['+id+'][applicable_on]"').val()).prop('checked', true);
		    $('#applicable_on_check_'+$('input[name="earning['+id+'][applicable_on_check]"').val()).prop('checked', true);
            $('#'+$('input[name="earning['+id+'][pro_rata]"').val()).prop('checked', true);
            var reCalculationOn = JSON.parse('['+$('input[name="earning['+id+'][re_calculate_on]"').val()+']');
            $.each(reCalculationOn, function(key, value){
                $("#re_calculate_on option[value="+value+"]").attr("selected","selected");
            });
            $('#re_calculate_on').select2();
        
        });

        $("#add_deduction_config").click(function() {
            var id = $('#component_id_deduction').val();
            $('input[name="deduction['+id+'][min_value]"').val($('#min_value_deduction').val());
            $('input[name="deduction['+id+'][max_value]"').val($('#max_value_deduction').val());
            $('input[name="deduction['+id+'][min_output_value]"').val($('#min_output_value_deduction').val());
            $('input[name="deduction['+id+'][max_output_value]"').val($('#max_output_value_deduction').val());
            $('input[name="deduction['+id+'][re_calculate_on]"').val($('#re_calculate_on_deduction').val());
            $('input[name="deduction['+id+'][roundup_calculation_type]"').val($('input[name="roundup_calculation_type_deduction"]:checked').val());
            $('input[name="deduction['+id+'][gender]"').val($('input[name="gender_type_deduction"]:checked').val());
            $('input[name="deduction['+id+'][applicable_on]"').val($('input[name="applicable_on_deduction"]:checked').val());
            $('input[name="deduction['+id+'][applicable_on_check]"').val($('input[name="applicable_on_check_deduction"]:checked').val());
            $('input[name="deduction['+id+'][pro_rata]"').val($('input[name="pro_rata_deduction"]:checked').val());
            $('.btn-close').trigger('click');
            $('#min_value_deduction').val('');
            $('#max_value_deduction').val('');
            $('#min_output_value_deduction').val('');
            $('#max_output_value_deduction').val('');
            $('input[name="roundup_calculation_type"]').prop('checked', false);
            $('input[name="gender"]').prop('checked', false);
            $('input[name="applicable_on"]').prop('checked', false);
            $('input[name="applicable_on_check"]').prop('checked', false);
            $('input[name="pro_rata"]').prop('checked', false);
		    $('#round').prop('checked', true);
            $.each($("#re_calculate_on_deduction option"), function(){
                $(this).removeAttr("selected");
            });
            $('#re_calculate_on_deduction').select2();
            calculate();
            //calculateReverse($('input[name="deduction['+id+'][master_type_id]"').val());
        });
        
        $('#addDeductionConfigModal').on('show.bs.modal', function(e) {
            var id = $(e.relatedTarget).data('id');
            $('#component_id_deduction').val(id);
            $('#min_value_deduction').val('');
            $('#max_value_deduction').val('');
            $('#min_output_value_deduction').val('');
            $('#max_output_value_deduction').val('');
            $('input[name="roundup_calculation_type"]').prop('checked', false);
            $('input[name="gender"]').prop('checked', false);
            $('input[name="applicable_on"]').prop('checked', false);
            $('input[name="pro_rata"]').prop('checked', false);
            $('input[name="applicable_on_check"]').prop('checked', false);
		    $('#round').prop('checked', true);
            $.each($("#re_calculate_on_deduction option"), function(){
                $(this).removeAttr("selected");
            });
            $('#re_calculate_on_deduction').select2();
            
            $('#min_value_deduction').val($('input[name="deduction['+id+'][min_value]"').val());
            $('#max_value_deduction').val($('input[name="deduction['+id+'][max_value]"').val());
            $('#min_output_value_deduction').val($('input[name="deduction['+id+'][min_output_value]"').val());
            $('#max_output_value_deduction').val($('input[name="deduction['+id+'][max_output_value]"').val());
		    $('#'+$('input[name="deduction['+id+'][roundup_calculation_type]"').val()+'_deduction').prop('checked', true);
		    $('#'+$('input[name="deduction['+id+'][gender]"').val()+'_deduction').prop('checked', true);
		    $('#'+$('input[name="deduction['+id+'][applicable_on]"').val()+'_deduction').prop('checked', true);
            $('#'+$('input[name="deduction['+id+'][pro_rata]"').val()+'_deduction').prop('checked', true);
		    $('#applicable_on_check_'+$('input[name="deduction['+id+'][applicable_on_check]"').val()+'_deduction').prop('checked', true);
            var reCalculationOn = JSON.parse('['+$('input[name="deduction['+id+'][re_calculate_on]"').val()+']');
            $.each(reCalculationOn, function(key, value){
                $("#re_calculate_on_deduction option[value="+value+"]").attr("selected","selected");
            });
            $('#re_calculate_on_deduction').select2();
            
        
        });


        $("#add_derived_config").click(function() {
            var id = $('#component_id_derived').val();
            $('input[name="derived['+id+'][min_value]"').val($('#min_value_derived').val());
            $('input[name="derived['+id+'][max_value]"').val($('#max_value_derived').val());
            $('input[name="derived['+id+'][min_output_value]"').val($('#min_output_value_derived').val());
            $('input[name="derived['+id+'][max_output_value]"').val($('#max_output_value_derived').val());
            $('input[name="derived['+id+'][re_calculate_on]"').val($('#re_calculate_on_derived').val());
            $('input[name="derived['+id+'][roundup_calculation_type]"').val($('input[name="roundup_calculation_type_derived"]:checked').val());
            $('input[name="derived['+id+'][gender]"').val($('input[name="gender_type_derived"]:checked').val());
            $('input[name="derived['+id+'][applicable_on]"').val($('input[name="applicable_on_derived"]:checked').val());
            $('input[name="derived['+id+'][applicable_on_check]"').val($('input[name="applicable_on_check_derived"]:checked').val());
            $('input[name="derived['+id+'][pro_rata]"').val($('input[name="pro_rata_derived"]:checked').val());
            $('input[name="derived['+id+'][adjust_remaining]"').val($('input[name="adjust_remaining_derived"]:checked').val());
            $('input[name="derived['+id+'][adjust_remaining_id]"').val($('#adjust_remaining_derived_id').val());            

            $('.btn-close').trigger('click');
            $('#min_value_derived').val('');
            $('#max_value_derived').val('');
            $('#min_output_value_derived').val('');
            $('#max_output_value_derived').val('');
            $('input[name="roundup_calculation_type"]').prop('checked', false);
            $('input[name="gender"]').prop('checked', false);
            $('input[name="applicable_on"]').prop('checked', false);
            $('input[name="pro_rata"]').prop('checked', false);
            $('input[name="applicable_on_check"]').prop('checked', false);
		    $('#round').prop('checked', true);
		    $('#adjust_remaining_derived0').prop('checked', true);
            $.each($("#re_calculate_on_derived option"), function(){
                $(this).removeAttr("selected");
            });
            $('#re_calculate_on_derived').select2();
            calculate();
            calculateReverse($('input[name="derived['+id+'][master_type_id]"').val());
        });
        
        $('#addDerivedConfigModal').on('show.bs.modal', function(e) {
          console.log('show modal');
            var id = $(e.relatedTarget).data('id');
            $('#component_id_derived').val(id);
            $('#min_value_derived').val('');
            $('#max_value_derived').val('');
            $('#min_output_value_derived').val('');
            $('#max_output_value_derived').val('');
            $('input[name="roundup_calculation_type"]').prop('checked', false);
            $('input[name="gender"]').prop('checked', false);
            $('input[name="applicable_on"]').prop('checked', false);
            $('input[name="pro_rata"]').prop('checked', false);
            $('input[name="applicable_on_check"]').prop('checked', false);
		    $('#round').prop('checked', true);
		    var adjustRemaining = $('input[name="derived['+id+'][adjust_remaining]"]').val();
            $('#adjust_remaining_derived' + adjustRemaining) .prop('checked', true);
            console.log( $('input[name="derived['+id+'][adjust_remaining_id]"]').val());
            $('#adjust_remaining_derived_id').val($('input[name="derived['+id+'][adjust_remaining_id]"]').val()).trigger('change');
            $.each($("#re_calculate_on_derived option"), function(){
                $(this).removeAttr("selected");
            });
            $('#re_calculate_on_derived').select2();
            

            
            $('#min_value_derived').val($('input[name="derived['+id+'][min_value]"').val());
            $('#max_value_derived').val($('input[name="derived['+id+'][max_value]"').val());
            $('#min_output_value_derived').val($('input[name="derived['+id+'][min_output_value]"').val());
            $('#max_output_value_derived').val($('input[name="derived['+id+'][max_output_value]"').val());
		    $('#'+$('input[name="derived['+id+'][roundup_calculation_type]"').val()+'_derived').prop('checked', true);
		    $('#'+$('input[name="derived['+id+'][gender]"').val()+'_derived').prop('checked', true);
		    $('#'+$('input[name="derived['+id+'][applicable_on]"').val()+'_derived').prop('checked', true);
            $('#'+$('input[name="derived['+id+'][pro_rata]"').val()+'_derived').prop('checked', true);
		    $('#applicable_on_check_'+$('input[name="derived['+id+'][applicable_on_check]"').val()+'_derived').prop('checked', true);
		    $('#adjust_remaining_derived'+$('input[name="derived['+id+'][adjust_remaining]"').val()).prop('checked', true);
            $('#adjust_remaining_derived_id').val( $('input[name="derived['+id+'][adjust_remaining_id]"').val()) .trigger('change');
            var reCalculationOn = JSON.parse('['+$('input[name="derived['+id+'][re_calculate_on]"').val()+']');
            $.each(reCalculationOn, function(key, value){
                $("#re_calculate_on_derived option[value="+value+"]").attr("selected","selected");
            });
            $('#re_calculate_on_derived').select2();
             $('#adjust_remaining_derived_id').select2();
               toggleAdjustRemainingDropdown();
        
        });

</script>
<style>
    .deleteClass{
        background: rgba(234, 84, 85, 0.12);
        color: #ea5455;
    }
</style>
@endpush