@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | Payroll Adjustment')
@section('content')
    <style>
        .pa-wrap .card { border-radius: 14px; border: 1px solid #edf0f6; box-shadow: 0 0.125rem 0.5rem rgba(15, 23, 42, 0.04); }
        .pa-wrap .card-header { background: #fff; border-bottom: 1px solid #edf0f6; font-weight: 700; }
        .pa-wrap label { font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: rgba(15,23,42,.55); }
        .pa-picker { background: #f8fafc; border: 1px solid #edf0f6; border-radius: 12px; padding: 16px; }
        .pa-picker .select2-container { width: 100% !important; }
        .pa-stat { background: #fff; border: 1px solid #edf0f6; border-radius: 10px; padding: 12px 14px; height: 100%; }
        .pa-stat .num { font-size: 1.2rem; font-weight: 800; line-height: 1.2; }
        .pa-stat .lbl { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: #64748b; }
        .pa-badge { display: inline-flex; padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; white-space: nowrap; }
        .pa-badge.add { background: rgba(34,197,94,.12); color: #166534; }
        .pa-badge.deduct { background: rgba(239,68,68,.12); color: #991b1b; }
        .pa-badge.pending { background: rgba(245,158,11,.12); color: #b45309; }
        .pa-badge.applied { background: rgba(34,197,94,.12); color: #166534; }
        .pa-badge.no-slip { background: rgba(100,116,139,.12); color: #475569; }
        .pa-empty { text-align: center; padding: 36px 16px; color: #64748b; }
        .pa-table thead th { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: rgba(15,23,42,.65); border-top: 0; white-space: nowrap; }
        .pa-table td { vertical-align: middle; font-size: 13px; }
        .pa-remarks { max-width: 220px; white-space: normal; word-break: break-word; }
        .pa-actions { display: flex; flex-wrap: wrap; gap: .35rem; justify-content: flex-end; }
        .pa-toolbar { display: flex; flex-wrap: wrap; gap: .5rem; }
        .pa-bulk-bar { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding: .75rem 0; margin-bottom: .5rem; border-bottom: 1px solid #edf0f6; background: transparent; }
        .pa-bulk-bar .pa-selected-count { font-size: 12px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: .06em; }
        .pa-clear-wrap { margin-top: .5rem; }
        @media (min-width: 768px) {
            .pa-clear-wrap { margin-top: 1.65rem; }
        }
        @media (max-width: 575.98px) {
            .pa-toolbar .btn { flex: 1 1 100%; }
        }
    </style>

    @php
        $periodLabel = date('F Y', mktime(0, 0, 0, $filterMonth, 1, $filterYear));
        $pendingNet = app_round((float) ($periodStats->pending_additions ?? 0) - (float) ($periodStats->pending_deductions ?? 0), 2);
    @endphp

    <div class="container-fluid pa-wrap">
        <div class="row mt-3">
            <div class="col-12 d-flex flex-wrap justify-content-between align-items-start mb-3">
                <div class="mb-2 mb-md-0">
                    <h4 class="page-title mb-0">{{ __('Payroll Adjustment') }}</h4>
                    <p class="text-muted mb-0">{{ __('Add one-off additions or deductions. Auto-applies on payslip generate; use Apply for existing payslips.') }}</p>
                </div>
                <div class="pa-toolbar">
                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#paBulkAddModal">
                        <i class="las la-plus-circle"></i> {{ __('Add Adjustment') }}
                    </button>
                    @if((int) ($periodStats->pending_count ?? 0) > 0)
                        <form action="{{ route('payroll.adjustment.apply_bulk') }}" method="POST" class="d-inline"
                              onsubmit="return confirm('{{ __('Apply all pending adjustments to existing payslips for this period?') }}');">
                            @csrf
                            <input type="hidden" name="year" value="{{ $filterYear }}">
                            <input type="hidden" name="month" value="{{ $filterMonth }}">
                            <button type="submit" class="btn btn-success">
                                <i class="las la-check-circle"></i> {{ __('Apply All Pending') }}
                            </button>
                        </form>
                    @endif
                </div>
            </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

            <div class="col-12 mb-3">
                <div class="row">
                    <div class="col-6 col-md-3 mb-2">
                        <div class="pa-stat"><div class="num">{{ (int) ($periodStats->total_count ?? 0) }}</div><div class="lbl">{{ __('Total') }}</div></div>
                    </div>
                    <div class="col-6 col-md-3 mb-2">
                        <div class="pa-stat"><div class="num text-warning">{{ (int) ($periodStats->pending_count ?? 0) }}</div><div class="lbl">{{ __('Pending') }}</div></div>
                    </div>
                    <div class="col-6 col-md-3 mb-2">
                        <div class="pa-stat"><div class="num text-success">{{ (int) ($periodStats->applied_count ?? 0) }}</div><div class="lbl">{{ __('Applied') }}</div></div>
                    </div>
                    <div class="col-6 col-md-3 mb-2">
                        <div class="pa-stat"><div class="num {{ $pendingNet >= 0 ? 'text-primary' : 'text-danger' }}">{{ number_format($pendingNet, 2) }}</div><div class="lbl">{{ __('Pending Net') }}</div></div>
                    </div>
                </div>
            </div>

            <div class="col-12 mb-3">
                <div class="card">
                    <div class="card-header">{{ __('Filter Period & Employee') }}</div>
                    <div class="card-body pa-picker">
                        <form action="" method="get">
                            <div class="form-row align-items-end">
                                <div class="form-group col-6 col-md-2 mb-2 mb-md-0">
                                    <label>{{ __('Year') }}</label>
                                    <select name="year" class="form-control">
                                        @for($y = (int) date('Y'); $y >= 2020; $y--)
                                            <option value="{{ $y }}" @selected($filterYear === $y)>{{ $y }}</option>
                                        @endfor
                                    </select>
                                </div>
                                <div class="form-group col-6 col-md-2 mb-2 mb-md-0">
                                    <label>{{ __('Month') }}</label>
                                    <select name="month" class="form-control">
                                        @for($m = 1; $m <= 12; $m++)
                                            <option value="{{ $m }}" @selected($filterMonth === $m)>{{ date('F', mktime(0, 0, 0, $m, 1)) }}</option>
                                        @endfor
                                    </select>
                                </div>
                                <div class="form-group col-6 col-md-2 mb-2 mb-md-0">
                                    <label>{{ __('Status') }}</label>
                                    <select name="status" class="form-control">
                                        <option value="">{{ __('All') }}</option>
                                        <option value="pending" @selected($statusFilter === 'pending')>{{ __('Pending') }}</option>
                                        <option value="applied" @selected($statusFilter === 'applied')>{{ __('Applied') }}</option>
                                    </select>
                                </div>
                                <div class="form-group col-6 col-md-2 mb-2 mb-md-0">
                                    <label>{{ __('Category') }}</label>
                                    <select name="category" class="form-control">
                                        <option value="">{{ __('All') }}</option>
                                        @foreach(\App\Support\PayrollAdjustmentTypes::options() as $code => $label)
                                            <option value="{{ $code }}" @selected(request('category') === $code)>{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-12 col-md-3 mb-2 mb-md-0">
                                    <label>{{ __('Employee') }}</label>
                                    <select id="pa_staff_filter" class="form-control select2" name="staff_id" data-placeholder="{{ __('All employees') }}">
                                        <option value="">{{ __('All employees') }}</option>
                                        @foreach($staff_details as $staff)
                                            <option value="{{ $staff->id }}" @selected(request('staff_id') == $staff->id)>
                                                {{ $staff->user?->name ?? 'Staff #'.$staff->id }}({{ $staff->user_id }})-{{ $staff->designation?->name ?? __('No Designation') }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-6 col-md-1 mb-0">
                                    <button type="submit" class="btn btn-primary btn-block">{{ __('Go') }}</button>
                                </div>
                                <div class="form-group col-6 col-md-1 mb-0 pa-clear-wrap">
                                    <a href="{{ route('payroll.adjustment') }}" class="btn btn-outline-secondary btn-block">{{ __('Clear') }}</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="col-12">
                <div class="card">
                    <div class="card-header d-flex flex-wrap justify-content-between align-items-center">
                        <span>{{ __('Adjustments') }} — {{ $periodLabel }}</span>
                        <div class="d-flex flex-wrap align-items-center mt-2 mt-md-0">
                            <span class="small text-muted mr-2">{{ $periodAdjustments->total() }} {{ __('record(s)') }}</span>
                            @if($staff_info)
                                <button type="button" class="btn btn-sm btn-primary" data-toggle="modal" data-target="#paSingleAddModal">
                                    <i class="las la-plus"></i> {{ __('Add for this employee') }}
                                </button>
                            @endif
                        </div>
                    </div>
                    <div class="card-body p-2">
                    @php $hasPendingRows = $periodAdjustments->contains(fn ($row) => ! $row->isApplied()); @endphp
                    @if($hasPendingRows)
                        <div class="pa-bulk-bar">
                            <span class="pa-selected-count"><span id="pa_selected_count">0</span> {{ __('selected') }}</span>
                            <div class="btn-group btn-group-sm">
                                <button type="button" class="btn btn-success" id="pa_bulk_apply_btn" disabled>
                                    <i class="las la-check-circle"></i> {{ __('Apply Selected') }}
                                </button>
                                <button type="button" class="btn btn-danger" id="pa_bulk_delete_btn" disabled>
                                    <i class="las la-trash"></i> {{ __('Delete Selected') }}
                                </button>
                            </div>
                        </div>
                    @endif
                    <form id="pa_bulk_apply_form" action="{{ route('payroll.adjustment.apply_bulk') }}" method="POST" class="d-none">
                        @csrf
                    </form>
                    <div class="table-responsive">
                        <table class="table table-hover pa-table mb-0">
                            <thead>
                            <tr>
                                @if($hasPendingRows)
                                    <th style="width: 40px;">
                                        <div class="custom-control custom-checkbox mb-0">
                                            <input type="checkbox" class="custom-control-input" id="pa_check_all">
                                            <label class="custom-control-label" for="pa_check_all"></label>
                                        </div>
                                    </th>
                                @endif
                                <th>{{ __('Employee') }}</th>
                                <th>{{ __('Category') }}</th>
                                <th>{{ __('Effect') }}</th>
                                <th>{{ __('Amount') }}</th>
                                <th>{{ __('Remarks') }}</th>
                                <th>{{ __('Status') }}</th>
                                <th>{{ __('Payslip') }}</th>
                                <th class="text-right">{{ __('Action') }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($periodAdjustments as $row)
                                @php
                                    $payslip = $payslipByStaff->get($row->staff_id);
                                    $isPending = ! $row->isApplied();
                                @endphp
                                <tr>
                                    @if($hasPendingRows)
                                        <td>
                                            @if($isPending)
                                                <div class="custom-control custom-checkbox mb-0">
                                                    <input type="checkbox" name="ids[]" value="{{ $row->id }}"
                                                           class="custom-control-input pa-row-check" id="pa-check-{{ $row->id }}">
                                                    <label class="custom-control-label" for="pa-check-{{ $row->id }}"></label>
                                                </div>
                                            @endif
                                        </td>
                                    @endif
                                    <td>
                                        <div class="font-weight-bold">{{ $row->staff?->user?->name ?? '—' }}</div>
                                        <div class="small text-muted">
                                            {{ $row->staff?->user_id ?? '—' }}
                                            · {{ $row->staff?->designation?->name ?? '—' }}
                                        </div>
                                    </td>
                                    <td>
                                        <div class="font-weight-bold">{{ $row->categoryLabel() }}</div>
                                        @if($summary = $row->calculationSummary())
                                            <div class="small text-muted">{{ $summary }}</div>
                                        @endif
                                    </td>
                                    <td>
                                        <span class="pa-badge {{ $row->adjustment_type === 'deduction' ? 'deduct' : 'add' }}">
                                            {{ $row->adjustment_type === 'deduction' ? __('Deduction') : __('Addition') }}
                                        </span>
                                    </td>
                                    <td class="font-weight-bold">{{ number_format((float) $row->amount, 2) }}</td>
                                    <td class="pa-remarks">{{ $row->remarks }}</td>
                                    <td>
                                        @if($isPending)
                                            <span class="pa-badge pending">{{ __('Pending') }}</span>
                                        @else
                                            <span class="pa-badge applied">{{ __('Applied') }}</span>
                                            <div class="small text-muted">{{ $row->applied_at?->format('Y-m-d H:i') }}</div>
                                        @endif
                                    </td>
                                    <td>
                                        @if($payslip)
                                            <a href="{{ route('payslip.view', $payslip->id) }}" target="_blank" class="small">{{ $payslip->status }}</a>
                                        @else
                                            <span class="pa-badge no-slip">{{ __('Not generated') }}</span>
                                        @endif
                                    </td>
                                    <td class="text-right">
                                        <div class="pa-actions">
                                            @if($isPending && $payslip)
                                                <form action="{{ route('payroll.adjustment.apply') }}" method="POST" class="d-inline">
                                                    @csrf
                                                    <input type="hidden" name="staff_id" value="{{ $row->staff_id }}">
                                                    <input type="hidden" name="year" value="{{ $filterYear }}">
                                                    <input type="hidden" name="month" value="{{ $filterMonth }}">
                                                    <button type="submit" class="btn btn-sm btn-success">{{ __('Apply') }}</button>
                                                </form>
                                            @endif
                                            @if($isPending)
                                                <a href="javascript:void(0)" class="btn btn-sm btn-danger delete_modal"
                                                   data-href="{{ route('payroll.adjustment.destroy', $row->id) }}">{{ __('Delete') }}</a>
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="{{ $hasPendingRows ? 9 : 8 }}" class="pa-empty">{{ __('No adjustments for this period.') }}</td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                    </div>
                    @if($periodAdjustments->hasPages())
                        <div class="card-footer">{{ $periodAdjustments->links() }}</div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    {{-- Single employee add --}}
    <div class="modal fade" id="paSingleAddModal" tabindex="-1">
        <form action="{{ route('payroll.adjustment.store') }}" method="POST">
            @csrf
            <input type="hidden" name="staff_id" value="{{ $staff_info?->id }}">
            <input type="hidden" name="year" value="{{ $filterYear }}">
            <input type="hidden" name="month" value="{{ $filterMonth }}">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">{{ __('Add Adjustment') }}</h5>
                        <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                    </div>
                    <div class="modal-body">
                        @if($staff_info)
                            <p class="small text-muted mb-3">{{ $staff_info->user?->name }} · {{ $periodLabel }}</p>
                        @endif
                        @include('admin.payroll.adjustment.partials.form_fields', [
                            'prefix' => 'single',
                            'staffIdForPreview' => $staff_info?->id,
                        ])
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" id="paSingleApply" name="apply_to_payslip" value="1">
                            <label class="custom-control-label" for="paSingleApply">{{ __('Apply to existing payslip now (if generated)') }}</label>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Cancel') }}</button>
                        <button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    {{-- Bulk add multiple employees --}}
    <div class="modal fade" id="paBulkAddModal" tabindex="-1">
        <form action="{{ route('payroll.adjustment.bulk_store') }}" method="POST">
            @csrf
            <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">{{ __('Bulk Add Adjustment') }}</h5>
                        <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                    </div>
                    <div class="modal-body">
                        <div class="form-row">
                            <div class="form-group col-md-4">
                                <label>{{ __('Year') }}</label>
                                <select name="year" id="pa_bulk_year" class="form-control" required>
                                    @for($y = (int) date('Y'); $y >= 2020; $y--)
                                        <option value="{{ $y }}" @selected($filterYear === $y)>{{ $y }}</option>
                                    @endfor
                                </select>
                            </div>
                            <div class="form-group col-md-4">
                                <label>{{ __('Month') }}</label>
                                <select name="month" id="pa_bulk_month" class="form-control" required>
                                    @for($m = 1; $m <= 12; $m++)
                                        <option value="{{ $m }}" @selected($filterMonth === $m)>{{ date('F', mktime(0, 0, 0, $m, 1)) }}</option>
                                    @endfor
                                </select>
                            </div>
                            <div class="form-group col-md-4">
                                <label>{{ __('Apply to') }}</label>
                                <select name="adjustment_scope" id="pa_adjustment_scope" class="form-control" required>
                                    <option value="all">{{ __('All active employees') }}</option>
                                    <option value="branch">{{ __('By branch / warehouse') }}</option>
                                    <option value="department">{{ __('By department') }}</option>
                                    <option value="employee">{{ __('Single employee') }}</option>
                                    <option value="specific">{{ __('Selected employees') }}</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="form-group col-md-4 d-none" id="pa_wrap_branch">
                                <label>{{ __('Branch') }}</label>
                                <select name="warehouse_id" class="form-control select2">
                                    <option value="">{{ __('Select branch') }}</option>
                                    @foreach($warehouses as $wh)
                                        <option value="{{ $wh->id }}">{{ $wh->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-4 d-none" id="pa_wrap_department">
                                <label>{{ __('Department') }}</label>
                                <select name="department_id" class="form-control select2">
                                    <option value="">{{ __('Select department') }}</option>
                                    @foreach($departments as $dept)
                                        <option value="{{ $dept->id }}">{{ $dept->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-8 d-none" id="pa_wrap_employee">
                                <label>{{ __('Employee') }}</label>
                                <select name="payment_staff_id" id="pa_scope_employee" class="form-control select2">
                                    <option value="">{{ __('Select employee') }}</option>
                                    @foreach($staff_details as $staff)
                                        <option value="{{ $staff->id }}">{{ $staff->user?->name ?? 'Staff #'.$staff->id }}({{ $staff->user_id }})</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-12 d-none" id="pa_wrap_specific">
                                <label>{{ __('Employees') }}</label>
                                <select name="staff_ids[]" id="pa_bulk_staff" class="form-control select2" multiple
                                        data-placeholder="{{ __('Select one or more employees') }}">
                                    @foreach($staff_details as $staff)
                                        <option value="{{ $staff->id }}">
                                            {{ $staff->user?->name ?? 'Staff #'.$staff->id }}({{ $staff->user_id }})-{{ $staff->designation?->name ?? __('No Designation') }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        @include('admin.payroll.adjustment.partials.form_fields', [
                            'prefix' => 'bulk',
                            'staffIdForPreview' => null,
                        ])

                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" id="paBulkApply" name="apply_to_payslip" value="1">
                            <label class="custom-control-label" for="paBulkApply">{{ __('Apply to existing payslips now (where generated)') }}</label>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Cancel') }}</button>
                        <button type="submit" class="btn btn-primary">{{ __('Save adjustment(s)') }}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection

@section('script')
    <script>
        $(function () {
            var perDayUrl = @json(route('payroll.adjustment.per_day_salary'));

            function toggleScopeFields() {
                var scope = $('#pa_adjustment_scope').val();
                $('#pa_wrap_branch, #pa_wrap_department, #pa_wrap_employee, #pa_wrap_specific').addClass('d-none');
                if (scope === 'branch') {
                    $('#pa_wrap_branch').removeClass('d-none');
                } else if (scope === 'department') {
                    $('#pa_wrap_department').removeClass('d-none');
                } else if (scope === 'employee') {
                    $('#pa_wrap_employee').removeClass('d-none');
                } else if (scope === 'specific') {
                    $('#pa_wrap_specific').removeClass('d-none');
                }
            }

            function toggleCalcMode(prefix) {
                var mode = $('.pa-calc-mode[data-prefix="' + prefix + '"]').val();
                if (mode === 'days') {
                    $('.pa-days-wrap[data-prefix="' + prefix + '"]').removeClass('d-none');
                    $('.pa-fixed-wrap[data-prefix="' + prefix + '"]').addClass('d-none');
                    $('.pa-fixed-amount[data-prefix="' + prefix + '"]').prop('required', false);
                    $('.pa-days-input[data-prefix="' + prefix + '"]').prop('required', true);
                    refreshPerDayPreview(prefix);
                } else {
                    $('.pa-days-wrap[data-prefix="' + prefix + '"]').addClass('d-none');
                    $('.pa-fixed-wrap[data-prefix="' + prefix + '"]').removeClass('d-none');
                    $('.pa-fixed-amount[data-prefix="' + prefix + '"]').prop('required', true);
                    $('.pa-days-input[data-prefix="' + prefix + '"]').prop('required', false);
                }
            }

            function resolvePreviewStaffId(prefix) {
                if (prefix === 'single') {
                    return $('.pa-preview-staff-id[data-prefix="single"]').val() || null;
                }
                var scope = $('#pa_adjustment_scope').val();
                if (scope === 'employee') {
                    return $('#pa_scope_employee').val() || null;
                }
                if (scope === 'specific') {
                    var ids = $('#pa_bulk_staff').val() || [];
                    return ids.length === 1 ? ids[0] : null;
                }
                return null;
            }

            function refreshPerDayPreview(prefix) {
                var staffId = resolvePreviewStaffId(prefix);
                var year = prefix === 'single' ? @json($filterYear) : $('#pa_bulk_year').val();
                var month = prefix === 'single' ? @json($filterMonth) : $('#pa_bulk_month').val();
                var category = $('.pa-category[data-prefix="' + prefix + '"]').val() || '';
                var adjustmentType = $('.pa-direction[data-prefix="' + prefix + '"]').val() || '';
                var days = parseFloat($('.pa-days-input[data-prefix="' + prefix + '"]').val() || 0);
                var $display = $('.pa-perday-display[data-prefix="' + prefix + '"]');
                var $structure = $('.pa-structure-lines[data-prefix="' + prefix + '"]');
                var $line = $('.pa-preview-line[data-prefix="' + prefix + '"]');

                if (!staffId) {
                    $display.val('');
                    $structure.empty();
                    $line.text(@json(__('Select one employee to preview rates (each employee uses their own per-day salary and structure rules).')));
                    return;
                }

                $.get(perDayUrl, {
                    staff_id: staffId,
                    year: year,
                    month: month,
                    category: category,
                    adjustment_type: adjustmentType,
                    days: days > 0 ? days : 1
                }).done(function (res) {
                    $display.val(res.per_day_salary ? Number(res.per_day_salary).toFixed(2) : '0.00');

                    $structure.empty();
                    if (res.structure_lines && res.structure_lines.length) {
                        res.structure_lines.forEach(function (row) {
                            $structure.append(
                                $('<div>').text(row.label + ': ' + Number(row.rate).toFixed(2) + ' / ' + @json(__('day')))
                            );
                        });
                    }

                    var previewDays = days > 0 ? days : 1;
                    var total = res.amount !== undefined
                        ? Number(res.amount).toFixed(2)
                        : (previewDays * Number(res.combined_day_rate || res.per_day_salary || 0)).toFixed(2);

                    var sourceLabel = res.source === 'payslip'
                        ? @json(__('From generated payslip'))
                        : @json(__('Calculated from salary setup'));

                    if (days > 0) {
                        $line.text(sourceLabel + ' · ' + @json(__('Estimated total')) + ': ' + total);
                    } else {
                        $line.text(sourceLabel + ' · ' + @json(__('Combined day rate')) + ': ' + Number(res.combined_day_rate || res.per_day_salary || 0).toFixed(2));
                    }
                });
            }

            function bindCategoryDirection(prefix) {
                var $cat = $('.pa-category[data-prefix="' + prefix + '"]');
                var direction = $cat.find(':selected').data('direction');
                if (direction) {
                    $('.pa-direction[data-prefix="' + prefix + '"]').val(direction);
                }
            }

            $('#pa_adjustment_scope').on('change', function () {
                toggleScopeFields();
                refreshPerDayPreview('bulk');
            });

            $('.pa-calc-mode').on('change', function () {
                toggleCalcMode($(this).data('prefix'));
            });

            $('.pa-category, .pa-direction').on('change', function () {
                var prefix = $(this).data('prefix');
                if ($(this).hasClass('pa-category')) {
                    bindCategoryDirection(prefix);
                }
                refreshPerDayPreview(prefix);
            });

            $('.pa-days-input, #pa_bulk_year, #pa_bulk_month, #pa_scope_employee, #pa_bulk_staff').on('change keyup', function () {
                refreshPerDayPreview('bulk');
            });
            $('.pa-days-input[data-prefix="single"]').on('change keyup', function () {
                refreshPerDayPreview('single');
            });

            $('#paBulkAddModal, #paSingleAddModal').on('shown.bs.modal', function () {
                var $modal = $(this);
                $modal.find('select.select2').select2({ width: '100%', dropdownParent: $modal });
                toggleScopeFields();
                toggleCalcMode('bulk');
                toggleCalcMode('single');
                bindCategoryDirection('bulk');
                bindCategoryDirection('single');
                refreshPerDayPreview('bulk');
                refreshPerDayPreview('single');
            });

            $('#pa_bulk_staff').select2({ width: '100%', dropdownParent: $('#paBulkAddModal') });
            toggleScopeFields();
            toggleCalcMode('bulk');
            toggleCalcMode('single');

            function paSelectedIds() {
                return $('.pa-row-check:checked').map(function () {
                    return $(this).val();
                }).get();
            }

            function paUpdateBulkBar() {
                var count = paSelectedIds().length;
                $('#pa_selected_count').text(count);
                $('#pa_bulk_apply_btn, #pa_bulk_delete_btn').prop('disabled', count === 0);
            }

            $(document).on('change', '#pa_check_all', function () {
                $('.pa-row-check').prop('checked', this.checked);
                paUpdateBulkBar();
            });

            $(document).on('change', '.pa-row-check', function () {
                var total = $('.pa-row-check').length;
                var checked = $('.pa-row-check:checked').length;
                $('#pa_check_all').prop('checked', total > 0 && total === checked);
                paUpdateBulkBar();
            });

            $('#pa_bulk_apply_btn').on('click', function () {
                var ids = paSelectedIds();
                if (!ids.length) {
                    alert(@json(__('Select at least one pending adjustment.')));
                    return;
                }
                if (!confirm(@json(__('Apply selected adjustments to existing payslips (where generated)?')))) {
                    return;
                }

                var $form = $('#pa_bulk_apply_form');
                $form.find('input[name="ids[]"]').remove();
                ids.forEach(function (id) {
                    $form.append($('<input>', { type: 'hidden', name: 'ids[]', value: id }));
                });
                $form.trigger('submit');
            });

            $('#pa_bulk_delete_btn').on('click', function () {
                var ids = paSelectedIds();
                if (!ids.length) {
                    alert(@json(__('Select at least one pending adjustment.')));
                    return;
                }
                if (!confirm(@json(__('Delete selected pending adjustments? This cannot be undone.')))) {
                    return;
                }

                var data = new FormData();
                data.append('_token', $('meta[name="csrf-token"]').attr('content'));
                ids.forEach(function (id) {
                    data.append('ids[]', id);
                });
                $.ajax({
                    headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                    url: @json(route('payroll.adjustment.bulk_delete')),
                    type: 'POST',
                    data: data,
                    cache: false,
                    contentType: false,
                    processData: false,
                    success: function (response) {
                        if (response && response.success) {
                            location.reload();
                        } else {
                            alert(@json(__('Could not delete selected adjustments.')));
                        }
                    },
                    error: function () {
                        alert(@json(__('Could not delete selected adjustments.')));
                    }
                });
            });
        });
    </script>
@endsection