@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | Payroll')
@section('content')
    @if(\App\Support\BranchWiseFeature::missingBranchAssignment())
        <div class="alert alert-warning">{{ __('Your branch is not assigned. Contact HQ admin to assign a warehouse/branch.') }}</div>
    @endif
    <style>
        .pr-wrap .card { border-radius: 14px; border: 1px solid #edf0f6; box-shadow: 0 0.125rem 0.5rem rgba(15, 23, 42, 0.04); }
        .pr-wrap .card-header { background: #fff; border-bottom: 1px solid #edf0f6; font-weight: 700; }
        .pr-section { background: #f8fafc; border-bottom: 1px solid #edf0f6; padding: 14px 16px; }
        .pr-section label, .pr-wrap .pr-label { font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: rgba(15,23,42,.55); margin-bottom: 6px; }
        .pr-wrap .select2-container { width: 100% !important; }
        .pr-wrap .select2-selection__rendered { line-height: 31px !important; }
        .pr-wrap .select2-container .select2-selection--single { height: 38px !important; }
        .pr-staff-card { background: #f8fafc; border: 1px solid #edf0f6; border-radius: 12px; padding: 14px 16px; margin-bottom: 16px; }
        .pr-stat { background: #fff; border: 1px solid #edf0f6; border-radius: 10px; padding: 10px 14px; text-align: center; height: 100%; }
        .pr-stat .num { font-size: 1.25rem; font-weight: 800; }
        .pr-stat .lbl { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: #64748b; }
        .pr-line-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid #f1f5f9; }
        .pr-line-row:last-child { border-bottom: 0; }
        .pr-money { font-variant-numeric: tabular-nums; font-weight: 600; }
    </style>

    <div class="container-fluid pr-wrap">
        <div class="row mt-3">
            <div class="col-12 d-flex flex-wrap justify-content-between align-items-center mb-3">
                <div>
                    <h4 class="page-title mb-0">Payroll</h4>
                    <p class="text-muted mb-0">Generate payslips individually or in bulk from attendance and salary setup.</p>
                </div>
                <a href="{{ route('payslip.index') }}" class="btn btn-outline-primary">{{ __('View Payslips') }}</a>
            </div>

            @if (session()->has('message'))
                <div class="col-12"><div class="alert alert-success">{{ session('message') }}</div></div>
            @endif
            @if (session()->has('error'))
                <div class="col-12"><div class="alert alert-danger">{{ session('error') }}</div></div>
            @endif

            @if(!empty($payrollPeriodLabel))
                <div class="col-12 mb-2">
                    <div class="alert alert-info py-2 mb-0">
                        {{ __('Payroll period') }}: <strong>{{ $payrollPeriodLabel }}</strong>
                        <a href="{{ route('payroll.period.settings') }}" class="ml-2 small">{{ __('Change settings') }}</a>
                    </div>
                </div>
            @endif
            @if(!empty($payrollPeriodError))
                <div class="col-12 mb-2">
                    <div class="alert alert-warning py-2 mb-0">{{ $payrollPeriodError }}</div>
                </div>
            @endif

            <div class="col-12 mb-3">
                <div class="card">
                    <div class="card-header">{{ __('Bulk Generate Payslips') }}</div>
                    <div class="pr-section">
                        <form action="{{ route('generate_payslip') }}" method="POST" id="formBulkGeneratePayslip">
                            @csrf
                            <div class="form-row align-items-end">
                                <div class="form-group col-6 col-md-2">
                                    <label class="pr-label">{{ __('Year') }}</label>
                                    <select name="year" class="select2 form-control" required>
                                        <option value="">{{ __('Year') }}</option>
                                        @for($i = 2020; $i <= date('Y'); $i++)
                                            <option value="{{ $i }}" @selected(date('Y') == $i)>{{ $i }}</option>
                                        @endfor
                                    </select>
                                </div>
                                <div class="form-group col-6 col-md-2">
                                    <label class="pr-label">{{ __('Month') }}</label>
                                    <select name="month" class="select2 form-control" required>
                                        <option value="">{{ __('Month') }}</option>
                                        @for($i = 1; $i <= 12; $i++)
                                            <option value="{{ $i }}" @selected($month == $i)>{{ date('F', mktime(0, 0, 0, $i, 1)) }}</option>
                                        @endfor
                                    </select>
                                </div>
                                <div class="form-group col-md-3">
                                    <label class="pr-label">{{ __('Scope') }}</label>
                                    <select name="generate_scope" id="generate_scope" class="form-control">
                                        <option value="all">{{ __('All active staff') }}</option>
                                        <option value="department">{{ __('By department') }}</option>
                                        <option value="branch">{{ __('By branch / warehouse') }}</option>
                                        <option value="employee">{{ __('Specific employee') }}</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-2" id="wrap_generate_department" style="display:none;">
                                    <label class="pr-label">{{ __('Department') }}</label>
                                    <select name="department_id" class="form-control select2">
                                        <option value="">{{ __('Select') }}</option>
                                        @foreach($departments ?? [] as $dept)
                                            <option value="{{ $dept->id }}">{{ $dept->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-2" id="wrap_generate_warehouse" style="display:none;">
                                    <label class="pr-label">{{ __('Branch') }}</label>
                                    <select name="warehouse_id" class="form-control select2">
                                        <option value="">{{ __('Select') }}</option>
                                        @foreach($warehouses ?? [] as $wh)
                                            <option value="{{ $wh->id }}">{{ $wh->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-3" id="wrap_generate_staff" style="display:none;">
                                    <label class="pr-label">{{ __('Employee') }}</label>
                                    <select name="generate_staff_id" class="form-control select2">
                                        <option value="">{{ __('Select') }}</option>
                                        @foreach($staffForBulkPayroll ?? [] as $st)
                                            <option value="{{ $st->id }}">{{ $st->user?->name ?? '—' }}({{ $st->user_id }})-{{ $st->designation?->name ?? 'No Designation' }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-2">
                                    <button class="btn btn-primary btn-block" type="submit">{{ __('Generate') }}</button>
                                </div>
                            </div>
                            @if(\App\Services\SalaryStructureService::enabled())
                                <p class="small text-muted mb-0">{{ __('Bulk generate applies lunch from attendance and setup defaults for mobile/travel (no monthly override).') }}</p>
                            @endif
                        </form>
                    </div>

                    <div class="card-header border-top">{{ __('Single Employee Payroll') }}</div>
                    <form action="{{ route('payroll.index') }}" method="GET">
                        <div class="pr-section">
                            <div class="form-row align-items-end">
                                <div class="form-group col-md-4">
                                    <label class="pr-label">{{ __('Employee') }}</label>
                                    <select class="select2 form-control" name="staff_id" required>
                                        <option value="">Select employee</option>
                                        @foreach($staffForBulkPayroll ?? [] as $staff)
                                            <option value="{{ $staff->id }}" @selected($staff_ids == $staff->id)>
                                                {{ $staff->user?->name ?? __('Unknown') }}({{ $staff->user_id }})-{{ $staff->designation?->name ?? 'No Designation' }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-2">
                                    <label class="pr-label">{{ __('Year') }}</label>
                                    <select class="form-control" name="year" required>
                                        @for($i = 2020; $i <= date('Y') + 2; $i++)
                                            <option value="{{ $i }}" @selected($year == $i)>{{ $i }}</option>
                                        @endfor
                                    </select>
                                </div>
                                <div class="form-group col-md-2">
                                    <label class="pr-label">{{ __('Month') }}</label>
                                    <select class="form-control" name="month" required>
                                        @for($i = 1; $i <= 12; $i++)
                                            <option value="{{ $i }}" @selected($month == $i)>{{ date('F', mktime(0, 0, 0, $i, 1)) }}</option>
                                        @endfor
                                    </select>
                                </div>
                                <div class="form-group col-md-2">
                                    <button class="btn btn-primary btn-block" type="submit"><i class="las la-search"></i> Find</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    @if($staff_id != null && $payrollPreview)
        @php extract($payrollPreview); @endphp
        <form action="{{ route('payroll.store') }}" method="POST">
            @csrf
            <div class="container-fluid pr-wrap">
                <input type="hidden" name="staff_id" value="{{ $staff_ids }}">
                <input type="hidden" name="year" value="{{ $year }}">
                <input type="hidden" name="month" value="{{ $month }}">

                @if($staff_info)
                    <div class="pr-staff-card mb-3">
                        <div class="font-weight-bold">{{ $staff_info->user?->name ?? '—' }}</div>
                        <div class="small text-muted">
                            ID: {{ $staff_info->user_id ?? '—' }} · {{ $staff_info->designation?->name ?? 'No Designation' }} · {{ $staff_info->warehouse?->name ?? '—' }}
                        </div>
                        <div class="small text-muted">{{ date('F', mktime(0, 0, 0, $month, 1)) }} {{ $year }}</div>
                        @if(!empty($period_label))
                            <div class="small text-primary mt-1">{{ __('Period') }}: {{ $period_label }}</div>
                        @endif
                    </div>
                @endif

                <div class="form-row mb-3">
                    <div class="col-6 col-md-3 mb-2"><div class="pr-stat"><div class="num text-success">{{ $attendanceSummary['present'] }}</div><div class="lbl">Present</div></div></div>
                    <div class="col-6 col-md-3 mb-2"><div class="pr-stat"><div class="num text-info">{{ $attendanceSummary['delay'] }}</div><div class="lbl">Delay</div></div></div>
                    <div class="col-6 col-md-3 mb-2"><div class="pr-stat"><div class="num text-warning">{{ $attendanceSummary['extra_delay'] }}</div><div class="lbl">Extra Delay</div></div></div>
                    <div class="col-6 col-md-3 mb-2"><div class="pr-stat"><div class="num text-primary">{{ $attendanceSummary['leave_days'] }}</div><div class="lbl">Leave Days</div></div></div>
                </div>

                <input type="hidden" name="withoutpayleave" value="{{ $unpaid_leave_count }}">
                <input type="hidden" name="perday_salary" value="{{ app_round($perday_salary, 2) }}">
                <input type="hidden" name="present_days" value="{{ (int) ($presentDays ?? 0) }}">
                <input type="hidden" name="total_deductions" value="{{ app_round($pre_tax_total_deductions, 2) }}">
                <input type="hidden" name="leavecount" value="{{ $attendanceSummary['leave_days'] }}">
                <input type="hidden" name="extra_delay" value="{{ $attendanceSummary['extra_delay'] }}">
                <input type="hidden" name="absent_count" value="{{ $absent_count }}">
                <input type="hidden" name="gross_for_period" value="{{ app_round($salary_base_gross, 2) }}">

                <div class="form-row mb-3">
                    <div class="col-md-6 mb-3">
                        <div class="card h-100">
                            <div class="card-header">{{ __('Allowances') }}</div>
                            <div class="card-body py-2">
                                <div class="pr-line-row"><span>{{ __('House Allowance') }}</span><span class="pr-money">{{ number_format((float) $salary->house_rent, 2) }}</span></div>
                                <div class="pr-line-row"><span>{{ __('Medical Allowance') }}</span><span class="pr-money">{{ number_format((float) $salary->medical, 2) }}</span></div>
                                <div class="pr-line-row"><span>{{ __('Food Allowance') }}</span><span class="pr-money">{{ number_format((float) $salary->food, 2) }}</span></div>
                                <div class="pr-line-row"><span>{{ __('Conveyance Allowance') }}</span><span class="pr-money">{{ number_format((float) $salary->conveyance, 2) }}</span></div>
                                <div class="pr-line-row"><span>{{ __('Utility Allowance') }}</span><span class="pr-money">{{ number_format((float) $salary->utility, 2) }}</span></div>
                                <div class="pr-line-row"><span>{{ __('Others Allowance') }}</span><span class="pr-money">{{ number_format((float) $salary->Others, 2) }}</span></div>
                                @foreach($salary->normalizedCustomAllowances() as $customAllow)
                                    @if((float)($customAllow['amount'] ?? 0) > 0)
                                        <div class="pr-line-row"><span>{{ $customAllow['label'] ?: __('Other allowance') }}</span><span class="pr-money">{{ number_format((float) $customAllow['amount'], 2) }}</span></div>
                                    @endif
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 mb-3">
                        <div class="card h-100">
                            <div class="card-header">{{ __('Deductions') }}</div>
                            <div class="card-body py-2">
                                <div class="pr-line-row"><span>{{ __('Provident Fund') }}</span><span class="pr-money">{{ number_format($pf_employee_amount, 2) }}</span></div>
                                @if((int)get_setting('swf') === 1)
                                    <div class="pr-line-row"><span>{{ __('Staff Welfare Fund') }}</span><span class="pr-money">{{ number_format($swf_employee_amount, 2) }}</span></div>
                                @endif
                                @foreach($salary->normalizedCustomDeductions() as $customDed)
                                    @if((float)($customDed['amount'] ?? 0) > 0)
                                        <div class="pr-line-row"><span>{{ $customDed['label'] ?: __('Other deduction') }}</span><span class="pr-money">{{ number_format((float) $customDed['amount'], 2) }}</span></div>
                                    @endif
                                @endforeach
                                @if(\App\Services\PayrollIncomeTaxService::enabled() && $income_tax_amount > 0)
                                    <div class="pr-line-row"><span>{{ \App\Services\PayrollIncomeTaxService::label() }}</span><span class="pr-money">{{ number_format($income_tax_amount, 2) }}</span></div>
                                @endif
                                <div class="pr-line-row">
                                    <span>{{ __('Unpaid Leave') }} <small class="text-muted">({{ $unpaid_leave_count }} {{ __('days') }})</small></span>
                                    <span class="pr-money">{{ number_format($unpaid_leave_amount, 2) }}</span>
                                </div>
                                @if(get_setting('extra_delay') == 1)
                                    <div class="pr-line-row">
                                        <span>{{ __('Absent For Extra Delay') }} <small class="text-muted">({{ $count }} {{ __('days') }})</small></span>
                                        <span class="pr-money">{{ number_format($extra_delay_amount, 2) }}</span>
                                    </div>
                                @endif
                                <div class="pr-line-row">
                                    <span>{{ __('Absent') }} <small class="text-muted">({{ $absent_count }} {{ __('days') }})</small></span>
                                    <span class="pr-money">{{ number_format($absent_count_amount, 2) }}</span>
                                </div>
                                <div class="pr-line-row">
                                    <span>{{ __('Loan/Advance Salary') }}
                                        @if($advance_salary_recived && $advance_salary_recived->isNotEmpty())
                                            <small class="text-muted d-block">
                                                @foreach ($advance_salary_recived as $advance_salary)
                                                    {{ $advance_salary->month }}-{{ $advance_salary->year }} ({{ number_format((float) $advance_salary->amount, 2) }})@if(!$loop->last), @endif
                                                @endforeach
                                            </small>
                                        @endif
                                    </span>
                                    <span class="pr-money">{{ number_format($advance_amount, 2) }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card mb-3">
                    <div class="card-header">{{ __('Overview') }}</div>
                    <div class="card-body">
                            <div class="alert alert-light border small mb-3">
                                {{ __('Bonus and arrear add to gross for this month; income tax uses total gross. Use 0 if none.') }}
                                @if(\App\Services\SalaryStructureService::enabled())
                                    <br>{{ __('Attendance-based lunch and optional mobile/travel overrides are included in total gross when rules are enabled.') }}
                                @endif
                            </div>

                            @if(\App\Services\SalaryStructureService::enabled() && $structurePayrollPreview)
                                <div class="border rounded p-3 mb-3 bg-light">
                                    <h6 class="mb-2">{{ __('Salary structure (this month)') }}</h6>
                                    @php
                                        $breakdown = $structurePayrollPreview['breakdown'] ?? [];
                                        $lunchAmt = 0;
                                        foreach ($breakdown as $bk => $bv) {
                                            if (str_contains($bk, 'lunch')) {
                                                $lunchAmt = (float) $bv;
                                                break;
                                            }
                                        }
                                    @endphp
                                    @if($lunchAmt > 0 || ($structureUiMeta['lunch_rate'] > 0 && ($structureUiMeta['scoped_rules'] ?? false)))
                                        <p class="small mb-1">{{ __('Lunch') }}: {{ number_format($lunchAmt, 2) }}
                                            @if($structureUiMeta['lunch_rate'] > 0)
                                                ({{ number_format($structureUiMeta['lunch_rate'], 2) }} × {{ (int) ($presentDays ?? 0) }} {{ __('days') }})
                                            @endif
                                        </p>
                                    @elseif(($structureUiMeta['scoped_rules'] ?? false) && $structureUiMeta['lunch_rate'] <= 0)
                                        <p class="small text-muted mb-1">{{ __('Lunch allowance does not apply to this employee (scoped rules).') }}</p>
                                    @endif
                                    @if($structureUiMeta['has_mobile'])
                                        <div class="form-group mb-2">
                                            <label class="small mb-0">{{ __('Mobile bill') }} <span class="text-muted">({{ __('blank = setup default') }} {{ number_format($salary->utility ?? 0, 2) }})</span></label>
                                            <input type="number" step="0.01" min="0" name="mobile_bill" class="form-control form-control-sm js-structure-payroll-input"
                                                   value="{{ old('mobile_bill', '') }}" placeholder="{{ number_format($salary->utility ?? 0, 2) }}">
                                        </div>
                                    @endif
                                    @if($structureUiMeta['has_travel'])
                                        <div class="form-group mb-0">
                                            <label class="small mb-0">{{ __('Travel bill') }} <span class="text-muted">({{ __('blank = setup default') }} {{ number_format($salary->conveyance ?? 0, 2) }})</span></label>
                                            <input type="number" step="0.01" min="0" name="travel_bill" class="form-control form-control-sm js-structure-payroll-input"
                                                   value="{{ old('travel_bill', '') }}" placeholder="{{ number_format($salary->conveyance ?? 0, 2) }}">
                                        </div>
                                    @endif
                                    <p class="small text-muted mb-0 mt-2">{{ __('Variable additions this month') }}: <strong id="structure_additional_display">{{ number_format($structureAdditionalGross, 2) }}</strong></p>
                                </div>
                            @endif

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="pr-label">{{ __('Basic Salary') }}</label>
                                        <input type="text" class="form-control" value="{{ number_format((float) $salary->basic_salary, 2) }}" readonly>
                                    </div>
                                    @if(\App\Services\SalaryStructureService::enabled())
                                        <div class="form-group">
                                            <label class="pr-label">{{ __('Structure add-ons') }}</label>
                                            <input type="text" class="form-control" id="structure_addons_display" readonly value="{{ number_format($structureAdditionalGross, 2) }}">
                                        </div>
                                    @endif
                                    <div class="form-group">
                                        <label class="pr-label">{{ __('Bonus') }}</label>
                                        <input type="number" step="0.01" min="0" class="form-control" name="bonus_amount" value="{{ old('bonus_amount', '0') }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="pr-label">{{ __('Arrear') }}</label>
                                        <input type="number" step="0.01" min="0" class="form-control" name="arrear_amount" value="{{ old('arrear_amount', '0') }}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="pr-label">{{ __('Total Allowances') }}</label>
                                        <input type="text" class="form-control" readonly value="{{ number_format($total_allownace, 2) }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="pr-label">{{ __('Total Deductions') }}</label>
                                        <input type="text" class="form-control js-total-deductions" readonly value="{{ number_format($total_deductions, 2) }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="pr-label">{{ __('Total Gross') }}</label>
                                        <input type="text" class="form-control" id="payroll_total_gross_display" value="{{ number_format($total_gross_for_pay, 2) }}" readonly>
                                    </div>
                                    <div class="form-group">
                                        <label class="pr-label">{{ __('Net Salary') }}</label>
                                        <input type="text" class="form-control font-weight-bold" name="netsalary" readonly value="{{ number_format($net_salary, 2) }}">
                                    </div>
                                </div>
                            </div>

                            <div class="form-row">
                                <div class="form-group col-md-6">
                                    <label class="pr-label">{{ __('Payment Method') }}</label>
                                    <select class="form-control" name="deductions" required>
                                        <option value="">{{ __('Select payment method') }}</option>
                                        <option value="Bank">{{ __('Bank payment') }}</option>
                                        <option value="Cash">{{ __('Cash payment') }}</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="pr-label">{{ __('Status') }}</label>
                                    <select class="form-control" name="salarystatus" id="salarystatus" required>
                                        <option value="">{{ __('Select status') }}</option>
                                        <option value="Paid">{{ __('Paid') }}</option>
                                        <option value="Unpaid">{{ __('Unpaid') }}</option>
                                        <option value="Pending">{{ __('Pending') }}</option>
                                        <option value="Processing">{{ __('Processing') }}</option>
                                    </select>
                                </div>
                            </div>

                            <div class="text-right mt-3">
                                <button class="btn btn-primary px-4" type="submit">{{ __('Create Payslip') }}</button>
                            </div>
                        </div>
                    </div>
            </div>
        </form>
    @elseif($staff_id != null && ! $payrollPreview)
        <div class="container-fluid pr-wrap">
            <div class="alert alert-warning">{{ __('Could not load payroll preview. Check salary setup and try again.') }}</div>
        </div>
    @endif
@endsection
@section('script')
<script>
    (function () {
        var scope = document.getElementById('generate_scope');
        var wrapDept = document.getElementById('wrap_generate_department');
        var wrapStaff = document.getElementById('wrap_generate_staff');
        if (!scope || !wrapDept || !wrapStaff) return;
        function syncGenerateScope() {
            var v = scope.value;
            wrapDept.style.display = (v === 'department') ? '' : 'none';
            var wrapWh = document.getElementById('wrap_generate_warehouse');
            if (wrapWh) wrapWh.style.display = (v === 'branch') ? '' : 'none';
            wrapStaff.style.display = (v === 'employee') ? '' : 'none';
        }
        scope.addEventListener('change', syncGenerateScope);
        syncGenerateScope();
    })();
    @if($staff_id != null && $payrollPreview && $salary)
    (function () {
        var baseGross = {{ app_round($payrollPreview['salary_base_gross'] ?? ($salary->gross_salary ?? 0), 2) }};
        var structureAdditional = {{ app_round($payrollPreview['structureAdditionalGross'] ?? 0, 2) }};
        var preTaxDed = {{ app_round($payrollPreview['pre_tax_total_deductions'] ?? 0, 2) }};
        var taxRate = {{ (float) (get_setting('payroll_tax_rate') ?? 0) }};
        var taxExempt = {{ (int) ($salary->tax_exempt ?? 0) }};
        var taxMonthlyEx = {{ (float) (get_setting('payroll_tax_monthly_exemption') ?? 0) }};
        var taxFeature = {{ \App\Services\PayrollIncomeTaxService::enabled() ? 'true' : 'false' }};
        var bonusEl = document.querySelector('input[name="bonus_amount"]');
        var arrearEl = document.querySelector('input[name="arrear_amount"]');
        var grossDisp = document.getElementById('payroll_total_gross_display');
        var netEl = document.querySelector('input[name="netsalary"]');
        var dedEl = document.querySelector('.js-total-deductions');
        if (!bonusEl || !arrearEl || !grossDisp || !netEl) return;
        function recalcClient() {
            var b = parseFloat(bonusEl.value) || 0;
            var a = parseFloat(arrearEl.value) || 0;
            var structAdd = structureAdditional;
            var roundMoney = window.appRoundMoney || function (v) { return Math.round(v); };
            var totalGross = roundMoney(baseGross + structAdd + b + a);
            grossDisp.value = totalGross.toFixed(2);
            var tax = 0;
            if (taxFeature && !taxExempt && taxRate > 0) {
                var taxable = Math.max(0, totalGross - taxMonthlyEx);
                tax = roundMoney(taxable * (taxRate / 100));
            }
            var totalDed = preTaxDed + tax;
            if (dedEl) dedEl.value = totalDed.toFixed(2);
            netEl.value = roundMoney(totalGross - preTaxDed - tax).toFixed(2);
        }
        bonusEl.addEventListener('input', recalcClient);
        arrearEl.addEventListener('input', recalcClient);
        recalcClient();
    })();
    @endif
</script>
@endsection