{{-- Partial: Tablas de ingresos y descuentos para un empleado --}}
@php
    $employeeId = $employeeId ?? request('employee_id');
@endphp

<div class="row">
    {{-- ══════════ SECCIÓN INGRESOS ══════════ --}}
    <div class="col-12 mb-4">
        <div class="d-flex justify-content-between align-items-center mb-2">
            <h5 class="mb-0 text-success">
                <i class="fa-solid fa-arrow-trend-up me-1"></i>
                {{ _trans('payroll.Incomes') }}
            </h5>
            @if (hasPermission('set_commission'))
                <button type="button" class="btn btn-sm btn-outline-success"
                    onclick="mainModalOpen('{{ route('hrm.payroll_adjustments.create_modal', ['user_id' => $employeeId, 'type' => 1]) }}')">
                    <i class="fa-solid fa-plus me-1"></i>{{ _trans('payroll.Add Income') }}
                </button>
            @endif
        </div>
        <div class="table-responsive">
            <table class="table table-bordered table-hover table-striped mb-0 align-middle">
                <thead class="table-light">
                    <tr>
                        <th>{{ _trans('common.Type') }}</th>
                        <th class="text-center">{{ _trans('common.Amount') }}</th>
                        <th class="text-center">{{ _trans('payroll.Date From') }}</th>
                        <th class="text-center">{{ _trans('payroll.Date To') }}</th>
                        <th class="text-center">{{ _trans('payroll.Apply In') }}</th>
                        <th class="text-center">{{ _trans('payroll.Reference Number') }}</th>
                        <th class="text-center">{{ _trans('common.Status') }}</th>
                        <th class="text-center" style="width: 90px;">{{ _trans('common.Action') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($incomes ?? [] as $income)
                        <tr>
                            <td>
                                <span class="fw-semibold">{{ @$income->commission->name }}</span>
                            </td>
                            <td class="text-center">
                                @if ($income->amount_type == 2)
                                    <span class="text-info">{{ $income->amount }}%</span>
                                @else
                                    <span class="text-success">${{ number_format($income->amount, 2) }}</span>
                                @endif
                            </td>
                            <td class="text-center">
                                <small>{{ $income->date_from ? $income->date_from->format('d/m/Y') : '—' }}</small>
                            </td>
                            <td class="text-center">
                                <small>{{ $income->date_to ? $income->date_to->format('d/m/Y') : '—' }}</small>
                            </td>
                            <td class="text-center">
                                <span class="badge bg-{{ $income->fortnight_apply == 3 ? 'primary' : 'secondary' }}">
                                    {{ $income->fortnight_label }}
                                </span>
                            </td>
                            <td class="text-center">
                                <small>{{ $income->reference_number ?: '—' }}</small>
                            </td>
                            <td class="text-center">
                                <span class="badge bg-{{ $income->status_id == 1 ? 'success' : 'danger' }}">
                                    {{ $income->status_id == 1 ? _trans('payroll.Active') : _trans('payroll.Inactive') }}
                                </span>
                            </td>
                            <td class="text-center">
                                <div class="d-flex gap-1 justify-content-center">
                                    @if (hasPermission('set_commission'))
                                        <button type="button" class="btn btn-sm btn-outline-primary"
                                            onclick="mainModalOpen('{{ route('hrm.payroll_adjustments.edit_modal', $income->id) }}')"
                                            data-bs-toggle="tooltip" data-bs-title="{{ _trans('common.Edit') }}">
                                            <i class="fa-solid fa-pen-to-square"></i>
                                        </button>
                                        <button type="button" class="btn btn-sm btn-outline-danger"
                                            onclick="deleteAdjustment({{ $income->id }})"
                                            data-bs-toggle="tooltip" data-bs-title="{{ _trans('common.Delete') }}">
                                            <i class="fa-solid fa-trash"></i>
                                        </button>
                                    @endif
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="text-center text-muted py-3">
                                {{ _trans('payroll.No adjustments found') }}
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    {{-- ══════════ SECCIÓN DESCUENTOS ══════════ --}}
    <div class="col-12">
        <div class="d-flex justify-content-between align-items-center mb-2">
            <h5 class="mb-0 text-danger">
                <i class="fa-solid fa-arrow-trend-down me-1"></i>
                {{ _trans('payroll.Deductions') }}
            </h5>
            @if (hasPermission('set_commission'))
                <button type="button" class="btn btn-sm btn-outline-danger"
                    onclick="mainModalOpen('{{ route('hrm.payroll_adjustments.create_modal', ['user_id' => $employeeId, 'type' => 2]) }}')">
                    <i class="fa-solid fa-plus me-1"></i>{{ _trans('payroll.Add Deduction') }}
                </button>
            @endif
        </div>
        <div class="table-responsive">
            <table class="table table-bordered table-hover table-striped mb-0 align-middle">
                <thead class="table-light">
                    <tr>
                        <th>{{ _trans('common.Type') }}</th>
                        <th class="text-center">{{ _trans('common.Amount') }}</th>
                        <th class="text-center">{{ _trans('payroll.Date From') }}</th>
                        <th class="text-center">{{ _trans('payroll.Date To') }}</th>
                        <th class="text-center">{{ _trans('payroll.Apply In') }}</th>
                        <th class="text-center">{{ _trans('payroll.Reference Number') }}</th>
                        <th class="text-center">{{ _trans('common.Status') }}</th>
                        <th class="text-center" style="width: 90px;">{{ _trans('common.Action') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($deductions ?? [] as $deduction)
                        <tr>
                            <td>
                                <span class="fw-semibold">{{ @$deduction->commission->name }}</span>
                            </td>
                            <td class="text-center">
                                @if ($deduction->amount_type == 2)
                                    <span class="text-info">{{ $deduction->amount }}%</span>
                                @else
                                    <span class="text-danger">${{ number_format($deduction->amount, 2) }}</span>
                                @endif
                            </td>
                            <td class="text-center">
                                <small>{{ $deduction->date_from ? $deduction->date_from->format('d/m/Y') : '—' }}</small>
                            </td>
                            <td class="text-center">
                                <small>{{ $deduction->date_to ? $deduction->date_to->format('d/m/Y') : '—' }}</small>
                            </td>
                            <td class="text-center">
                                <span class="badge bg-{{ $deduction->fortnight_apply == 3 ? 'primary' : 'secondary' }}">
                                    {{ $deduction->fortnight_label }}
                                </span>
                            </td>
                            <td class="text-center">
                                <small>{{ $deduction->reference_number ?: '—' }}</small>
                            </td>
                            <td class="text-center">
                                <span class="badge bg-{{ $deduction->status_id == 1 ? 'success' : 'danger' }}">
                                    {{ $deduction->status_id == 1 ? _trans('payroll.Active') : _trans('payroll.Inactive') }}
                                </span>
                            </td>
                            <td class="text-center">
                                <div class="d-flex gap-1 justify-content-center">
                                    @if (hasPermission('set_commission'))
                                        <button type="button" class="btn btn-sm btn-outline-primary"
                                            onclick="mainModalOpen('{{ route('hrm.payroll_adjustments.edit_modal', $deduction->id) }}')"
                                            data-bs-toggle="tooltip" data-bs-title="{{ _trans('common.Edit') }}">
                                            <i class="fa-solid fa-pen-to-square"></i>
                                        </button>
                                        <button type="button" class="btn btn-sm btn-outline-danger"
                                            onclick="deleteAdjustment({{ $deduction->id }})"
                                            data-bs-toggle="tooltip" data-bs-title="{{ _trans('common.Delete') }}">
                                            <i class="fa-solid fa-trash"></i>
                                        </button>
                                    @endif
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="text-center text-muted py-3">
                                {{ _trans('payroll.No adjustments found') }}
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>