@extends('layouts.adminlte')

@section('title', 'DETAIL PENGGAJIAN')
@section('page_title', 'DETAIL PENGGAJIAN')

@push('styles')
    <style>
        .detail-table {
            table-layout: auto;
        }
        .detail-table th,
        .detail-table td {
            vertical-align: middle;
            white-space: normal;
        }
        .detail-table .col-index,
        .detail-table .col-time,
        .detail-table .col-ot {
            white-space: nowrap;
        }
        .detail-table th.col-plan-detail,
        .detail-table th.col-actual-detail,
        .detail-table th.col-overtime-head,
        .detail-table th.col-overtime-time-head,
        .detail-table th.col-status {
            white-space: normal !important;
            line-height: 1.2;
        }
        .detail-table .col-date {
            min-width: 170px;
            white-space: normal;
        }
        .detail-table .col-plan-detail {
            min-width: 120px;
            white-space: normal;
        }
        .detail-table .col-actual-detail {
            min-width: 170px;
            white-space: normal;
        }
        .detail-table .col-status {
            min-width: 90px;
            white-space: normal;
        }
        .detail-table .col-overtime-head {
            min-width: 96px;
        }
        .detail-table .col-overtime-time-head {
            min-width: 72px;
        }
        .col-reason {
            min-width: 220px;
            max-width: 420px;
            white-space: pre-line;
            overflow-wrap: anywhere;
            word-break: break-word;
            line-height: 1.35;
        }
        .detail-table td.col-reason,
        .detail-table th.col-reason {
            white-space: pre-line !important;
            overflow-wrap: anywhere;
            word-break: break-word;
        }
        .detail-table .col-ot { min-width: 64px; text-align: center; }
        .detail-table .col-time { min-width: 78px; text-align: center; }
        .detail-table .col-num { min-width: 82px; text-align: center; white-space: nowrap; }
        .day-tag {
            display: inline-block;
            padding: 2px 8px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 700;
            line-height: 1.2;
        }
        .day-tag.workday { background: #dcfce7; color: #166534; }
        .day-tag.weekend { background: #dbeafe; color: #1d4ed8; }
        .day-tag.holiday { background: #fee2e2; color: #b91c1c; }
        .day-tag.holiday_special { background: #ffedd5; color: #c2410c; }
        .row-weekend { background: #f8fbff; }
        .row-holiday { background: #fff7f7; }
        .row-holiday-special { background: #fff7ed; }
        .summary-row td {
            background: #f8fafc;
            font-weight: 600;
        }
        .summary-row td.label {
            text-align: left;
        }
        .summary-row td.value {
            text-align: right;
            min-width: 82px;
        }
        .summary-divider td {
            border-top: 2px solid #111;
        }
        .audit-row-heavy td {
            background: #fff1f2;
        }
        .audit-row-light td {
            background: #fff7ed;
        }
        .bpjs-info-chip {
            display: inline-flex;
            align-items: center;
            gap: .35rem;
            padding: .2rem .65rem;
            border-radius: 999px;
            font-size: .72rem;
            font-weight: 700;
            line-height: 1.1;
        }
        .bpjs-info-chip.is-live {
            background: rgba(25, 135, 84, .12);
            color: #146c43;
        }
        .bpjs-info-chip.is-snapshot {
            background: rgba(13, 110, 253, .12);
            color: #0a58ca;
        }
        .bpjs-detail-table {
            table-layout: fixed;
            width: 100%;
        }
        .bpjs-detail-table th,
        .bpjs-detail-table td {
            vertical-align: middle;
        }
        .bpjs-detail-table .bpjs-col-program { width: 9.5rem; }
        .bpjs-detail-table .bpjs-col-basis { width: 6rem; }
        .bpjs-detail-table .bpjs-col-basis-hit { width: 13rem; }
        .bpjs-detail-table .bpjs-col-plafon { width: 13rem; }
        .bpjs-detail-table .bpjs-col-nominal { width: 10.5rem; }
        .bpjs-detail-table .bpjs-col-note {
            min-width: 14rem;
            white-space: normal;
            overflow-wrap: anywhere;
            word-break: break-word;
        }
        .bpjs-nominal-line {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: .35rem;
        }
        .bpjs-mode-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 0;
            max-width: 100%;
            white-space: nowrap;
            line-height: 1.15;
            padding: .22rem .45rem;
            font-size: .68rem;
        }
        @media print {
            html,
            body {
                background: #fff !important;
                margin: 0 !important;
                padding: 0 !important;
            }
            .app-header,
            .app-sidebar,
            .app-footer,
            .main-header,
            .main-sidebar,
            .main-footer,
            .content-header,
            .breadcrumb,
            .btn,
            .card-header .btn,
            nav,
            aside {
                display: none !important;
            }
            .app-wrapper,
            .app-main,
            .content-wrapper,
            .content,
            .container-fluid {
                margin: 0 !important;
                padding: 0 !important;
                width: 100% !important;
                max-width: 100% !important;
                min-height: 0 !important;
            }
            .card,
            .card-body {
                border: 0 !important;
                box-shadow: none !important;
            }
            .table-responsive {
                overflow: visible !important;
            }
            .detail-table {
                font-size: 9px !important;
                white-space: normal !important;
            }
            .detail-table th,
            .detail-table td {
                white-space: normal !important;
                overflow-wrap: anywhere !important;
                word-break: break-word !important;
            }
        }
    </style>
@endpush

@section('content')
    @php
        $dayTypeLabelResolver = static fn (string $dayType): string => match ($dayType) {
            'holiday_special' => 'Holiday Special',
            'holiday' => 'Holiday',
            'weekend' => 'Weekend',
            default => 'Workday',
        };
        $specialPaymentModeLabelResolver = static fn (?string $mode): string => match (strtolower(trim((string) $mode))) {
            'payroll' => 'Gabung Payroll',
            'separate' => 'Bayar Terpisah',
            default => '-',
        };
        $emergencyBaselineLabelResolver = static fn (?string $mode): string => match (strtolower(trim((string) $mode))) {
            'after_normal_shift' => 'Setelah jam normal selesai',
            'after_normal_or_existing_ot' => 'Setelah jam normal / OT existing selesai',
            default => trim((string) $mode) !== '' ? trim((string) $mode) : '-',
        };
        $emergencyMultiplierLabelResolver = static fn (?string $profile): string => match (strtolower(trim((string) $profile))) {
            'default' => 'Default Emergency x2',
            default => trim((string) $profile) !== '' ? trim((string) $profile) : '-',
        };
        $workTargetBonusSourceLabelResolver = static fn (?string $source): string => match (strtolower(trim((string) $source))) {
            'manual_override' => 'Override manual',
            'remaining_target' => 'Sisa target aktual',
            default => trim((string) $source) !== '' ? trim((string) $source) : '-',
        };
        $dayTypeRowClassResolver = static fn (string $dayType): string => match ($dayType) {
            'holiday_special' => 'row-holiday-special',
            'holiday' => 'row-holiday',
            'weekend' => 'row-weekend',
            default => '',
        };
        $isHolidayLikeDayType = static fn (string $dayType): bool => in_array($dayType, ['holiday', 'holiday_special'], true);
        $resolvePayrollDayCredit = static fn (array $detailRow, float $hkHoursPerDay, $profil): array =>
            \App\Modules\AttendanceReview\Services\AttendanceDayCreditResolver::resolve($detailRow, $profil, $hkHoursPerDay);
    @endphp
    <div class="card mb-3">
        <div class="card-header">
            <div class="d-flex justify-content-between align-items-center">
                <h3 class="card-title m-0">Detail Karyawan</h3>
                <a
                    class="btn btn-sm btn-outline-danger"
                    target="_blank"
                    href="{{ route('penggajian.detail_pdf', request()->query()) }}"
                >
                    <i class="fas fa-file-pdf me-1"></i>Preview PDF
                </a>
            </div>
        </div>
        <div class="card-body">
            <div><strong>{{ $assignment->karyawan?->employee_code }} - {{ $assignment->karyawan?->full_name }}</strong></div>
            <div class="text-muted small">Profil Bulan: {{ $profil->code }} - {{ $profil->name }} ({{ $profil->start_date }} s/d {{ $profil->end_date }})</div>
            <div class="text-muted small">Siklus: {{ $cycleLabel }} | Anchor: {{ $anchorDate }} | Pay Date: {{ $payDate }} | Due: {{ $dueDate }} ({{ $isDue ? 'Jatuh Tempo' : 'Belum Tempo' }})</div>
            <div class="text-muted small">Periode Tertagih: {{ $effectiveStart }} s/d {{ $effectiveEnd }}</div>
            <div class="mt-2">
                @if ($paymentStatus === 'paid')
                    <span class="badge text-bg-success">Sudah Terbayar</span>
                    <small class="text-muted">{{ $paymentMarkedAt ? 'ditandai pada ' . $paymentMarkedAt : '' }}</small>
                    @if (!empty($paymentId))
                        <a href="{{ route('penggajian.tax_proof', ['payment_id' => $paymentId]) }}" target="_blank" class="btn btn-sm btn-outline-secondary ms-2">Bukti Potong</a>
                    @endif
                @else
                    <span class="badge text-bg-warning text-dark">Belum Terbayar</span>
                @endif
            </div>
        </div>
    </div>

    <div class="card mb-3">
        <div class="card-header">
            <h3 class="card-title m-0">Ringkasan Nominal & Jam</h3>
        </div>
        <div class="card-body">
            @php
                $bd = is_array($breakdown ?? null) ? $breakdown : [];

                $allowFixed = (float) ($bd['allowance_fixed'] ?? 0);
                $allowPosition = (float) ($bd['allowance_position'] ?? 0);
                $allowSkill = (float) ($bd['allowance_skill'] ?? 0);
                $allowMedicalHousing = (float) ($bd['allowance_medical_housing'] ?? 0);
                $allowOther = (float) ($bd['allowance_other'] ?? 0);
                $allowTotal = (float) ($bd['allowance_total'] ?? 0);
                $overtimeRate = (float) ($bd['overtime_rate'] ?? 0);

                $incentive = (float) (($bd['incentive_amount'] ?? 0));
                $overtimeNominal = (float) (($bd['overtime_nominal'] ?? 0));
                $reimburse = (float) (($bd['reimburse_nominal'] ?? 0));
                $specialPayrollBonusNominal = (float) (($bd['special_overtime_payroll_bonus_nominal'] ?? 0));
                $specialSeparateBonusNominal = (float) (($bd['special_overtime_separate_bonus_nominal'] ?? 0));
                $specialSummary = is_array($bd['special_overtime_summary'] ?? null) ? $bd['special_overtime_summary'] : [];
                $bpjsDetailRows = is_array($bd['bpjs_details'] ?? null) ? $bd['bpjs_details'] : [];
                $bpjsSummary = is_array($bd['bpjs_summary'] ?? null) ? $bd['bpjs_summary'] : [];
                $bpjsSourceMode = (string) ($bd['bpjs_source_mode'] ?? 'live_period');
                $bpjsEffectiveDate = (string) ($bd['bpjs_effective_date'] ?? $effectiveEnd ?? '');
                $bpjsGeneralRow = collect($bpjsDetailRows)->firstWhere('basis_type', 'general');
                $bpjsJpRow = collect($bpjsDetailRows)->firstWhere('basis_type', 'jp');
                $bpjsHealthRow = collect($bpjsDetailRows)->firstWhere('basis_type', 'health');
                $bpjsBasisGeneralDisplay = (float) ($bpjsGeneralRow['basis_source_nominal'] ?? ($bd['bpjs_basis_general_nominal'] ?? 0));
                $bpjsBasisJpDisplay = (float) ($bpjsJpRow['basis_source_nominal'] ?? ($bd['bpjs_basis_jp_nominal'] ?? 0));
                $bpjsBasisHealthDisplay = (float) ($bpjsHealthRow['basis_source_nominal'] ?? ($bd['bpjs_basis_health_nominal'] ?? 0));
                $pph21Method = (string) ($bd['pph21_method'] ?? 'legacy_flat_rate');
                $pph21PtkpStatus = (string) ($bd['pph21_ptkp_status'] ?? '');
                $pph21TerCategory = (string) ($bd['pph21_ter_category'] ?? '');
                $pph21TaxableGross = (float) ($bd['pph21_taxable_gross'] ?? 0);
                $pph21CalculationDetails = is_array($bd['pph21_calculation_details'] ?? null) ? $bd['pph21_calculation_details'] : [];
                $pph21RuleCode = (string) ($pph21CalculationDetails['rule_set_code'] ?? '');
                $pph21CalculationDate = (string) ($pph21CalculationDetails['calculation_date'] ?? $effectiveEnd ?? '');
                $pph21HasNpwp = array_key_exists('has_npwp', $pph21CalculationDetails) ? (bool) $pph21CalculationDetails['has_npwp'] : null;
                $pph21BracketMin = isset($pph21CalculationDetails['bracket_min']) ? (float) $pph21CalculationDetails['bracket_min'] : null;
                $pph21BracketMax = isset($pph21CalculationDetails['bracket_max']) ? (float) $pph21CalculationDetails['bracket_max'] : null;
                $pph21GrossComponents = is_array($pph21CalculationDetails['gross_components'] ?? null) ? $pph21CalculationDetails['gross_components'] : [];
                $pph21GrossReductions = is_array($pph21CalculationDetails['gross_reductions'] ?? null) ? $pph21CalculationDetails['gross_reductions'] : [];
                $pph21GrossBeforeDeductions = (float) ($pph21CalculationDetails['gross_before_internal_deductions'] ?? $pph21TaxableGross);
                $pph21LegacyBasis = (float) ($pph21CalculationDetails['legacy_basis'] ?? $pph21TaxableGross);
                $pph21FormulaBasis = $pph21Method === 'legacy_flat_rate' ? $pph21LegacyBasis : $pph21TaxableGross;
                $pph21RawResult = round($pph21FormulaBasis * (float) $pph21Rate, 2);
                $pph21FormulaLabel = $pph21Method === 'ter_monthly'
                    ? 'Bruto Kena Pajak x Tarif TER'
                    : ($pph21Method === 'legacy_flat_rate' ? 'Basis Fallback x Tarif Fallback' : 'PPh21 dinonaktifkan');
                $pph21IsSnapshot = !empty($payment);
                $pph21MethodLabel = match ($pph21Method) {
                    'ter_monthly' => 'TER Bulanan',
                    'legacy_flat_rate' => 'Fallback Tarif Lama',
                    'disabled' => 'Dinonaktifkan',
                    default => strtoupper(str_replace('_', ' ', $pph21Method)),
                };

                // "Penambah": tunjangan + insentif + upah lembur + reimburse approved.
                $additionsTotal = max(0.0, $allowTotal + $incentive + $overtimeNominal + $reimburse);

                $dedAbsence = (float) (($bd['absence_deduction_nominal'] ?? 0));
                $dedLate = (float) (($bd['late_deduction_nominal'] ?? 0));
                $dynamicDeductionRows = collect(is_array($bd['dynamic_deduction_components'] ?? null) ? $bd['dynamic_deduction_components'] : [])
                    ->filter(fn ($row) => (float) ($row['amount'] ?? 0) > 0)
                    ->values();
                $dedDynamic = (float) ($bd['dynamic_deduction_nominal'] ?? $dynamicDeductionRows->sum(fn ($row) => (float) ($row['amount'] ?? 0)));
                $dedBpjs = (float) ($bpjsNominal ?? 0);
                $dedPph21 = (float) ($pph21Nominal ?? 0);
                $deductionsTotal = max(0.0, $dedAbsence + $dedLate + $dedDynamic + $dedBpjs + $dedPph21);
                $grossNominalDisplay = (float) ($bd['gross_nominal'] ?? 0);
                $grossBeforeInternalDeductionsDisplay = max(0.0, $grossNominalDisplay + $dedAbsence + $dedLate);

                $salaryScheme = (string) ($bd['salary_scheme'] ?? '');
                $absenceMode = (string) ($bd['absence_deduction_mode'] ?? '');

                // Samakan indikator HK web dengan detail attendance/PDF: basis jam, bukan hitung hari integer.
                $payrollBasisDisplay = is_array($payrollBasis ?? null) ? $payrollBasis : [];
                $hkHoursPerDayDisplay = (float) ($payrollBasisDisplay['hours_per_day'] ?? ($profil->jam_per_hari ?? 8));
                $hkBaseHoursDisplay = (float) ($payrollBasisDisplay['monthly_hour_base'] ?? (((float) ($profil->hk_basis ?? 21)) * $hkHoursPerDayDisplay));
                $hkBasisDisplay = $hkHoursPerDayDisplay > 0 ? ($hkBaseHoursDisplay / $hkHoursPerDayDisplay) : (float) ($profil->hk_basis ?? 21);
                $sumNormalHoursDisplay = 0.0;
                $deficitHoursDisplay = 0.0;
                foreach (($dailyRows ?? []) as $detailRow) {
                    $sumNormalHoursDisplay += max(0.0, (float) ($detailRow['normal_hours'] ?? 0));
                    $dayCredit = $resolvePayrollDayCredit((array) $detailRow, $hkHoursPerDayDisplay, $profil);
                    if (($dayCredit['hk_flag'] ?? 0) === 1) {
                        $deficitHoursDisplay += (float) ($dayCredit['deficit_hours'] ?? 0.0);
                    }
                }
                $jamTidakMasukDisplay = max(0.0, $deficitHoursDisplay);
                $jamMasukNormalDisplay = max(0.0, $hkBaseHoursDisplay - $jamTidakMasukDisplay);
                $hkMasukDisplay = $hkHoursPerDayDisplay > 0 ? ($jamMasukNormalDisplay / $hkHoursPerDayDisplay) : 0.0;
                $rawOvertimeHoursDisplay = (float) ($overtimeHours ?? ($bd['overtime_hours'] ?? 0));
                $weightedOvertimeHoursDisplay = (float) ($bd['weighted_overtime_hours'] ?? $rawOvertimeHoursDisplay);
                $calculatedBaseSalaryDisplay = max(0.0, $grossBeforeInternalDeductionsDisplay - $allowTotal - $incentive - $overtimeNominal);
                $subtotalIncomeDisplay = max(0.0, $calculatedBaseSalaryDisplay + $allowTotal + $incentive + $overtimeNominal + $reimburse);
                $grandTakePayDisplay = (float) ($netNominal ?? ($bd['net_nominal'] ?? 0));
                $unapprovedHourRows = collect($dailyRows ?? [])
                    ->filter(function ($row) {
                        $isApproved = (bool) ($row['is_approved'] ?? false);
                        if ($isApproved || !empty($row['leave_tag_label'])) {
                            return false;
                        }

                        $in = trim((string) ($row['in_time'] ?? ''));
                        $out = trim((string) ($row['out_time'] ?? ''));
                        $hasInOut = $in !== '' && $in !== '-' && $out !== '' && $out !== '-';
                        $hasHours = (float) ($row['actual_hours'] ?? 0) > 0
                            || (float) ($row['overtime_hours'] ?? 0) > 0
                            || (float) ($row['overtime_hours_gross'] ?? 0) > 0;

                        return $hasInOut || $hasHours;
                    })
                    ->values();
                $unapprovedDateCount = $unapprovedHourRows
                    ->pluck('work_date')
                    ->filter()
                    ->unique()
                    ->count();
                $unapprovedDatePreview = $unapprovedHourRows
                    ->pluck('work_date')
                    ->filter()
                    ->unique()
                    ->take(10)
                    ->implode(', ');
                $unapprovedActualHours = $unapprovedHourRows
                    ->sum(fn ($row) => (float) ($row['actual_hours'] ?? 0));
            @endphp

            @if ($unapprovedDateCount > 0)
                <div class="alert alert-warning py-2 mb-2">
                    <strong>Catatan approval:</strong>
                    ada {{ $unapprovedDateCount }} tanggal dengan jam/log belum approve.
                    Jam pada tanggal tersebut belum dianggap final di payroll.
                    @if ($unapprovedActualHours > 0)
                        Estimasi jam log belum approve: {{ number_format($unapprovedActualHours, 2, ',', '.') }} jam.
                    @endif
                    @if ($unapprovedDatePreview !== '')
                        <span class="d-block small mt-1">Tanggal: {{ $unapprovedDatePreview }}{{ $unapprovedDateCount > 10 ? ', ...' : '' }}</span>
                    @endif
                </div>
            @endif

            <div class="row g-2">
                <div class="col-md-3"><div class="border rounded p-2"><small class="text-muted">Basis Jam Profil</small><div><strong>{{ number_format($hkBaseHoursDisplay, 2, ',', '.') }}</strong> jam</div><div class="text-muted small">HK basis: {{ number_format($hkBasisDisplay, 2, ',', '.') }} x {{ number_format($hkHoursPerDayDisplay, 2, ',', '.') }} jam</div></div></div>
                <div class="col-md-3"><div class="border rounded p-2"><small class="text-muted">Total Jam Kurang</small><div><strong>{{ number_format($jamTidakMasukDisplay, 2, ',', '.') }}</strong> jam</div><div class="text-muted small">Pengurang dari basis jam profil</div></div></div>
                <div class="col-md-3"><div class="border rounded p-2"><small class="text-muted">HK Masuk Riil</small><div><strong>{{ number_format($hkMasukDisplay, 2, ',', '.') }}/{{ number_format($hkBasisDisplay, 2, ',', '.') }}</strong></div><div class="text-muted small">Jam normal: {{ number_format($jamMasukNormalDisplay, 2, ',', '.') }} / {{ number_format($hkBaseHoursDisplay, 2, ',', '.') }}</div></div></div>
                <div class="col-md-3"><div class="border rounded p-2"><small class="text-muted">Jam Tertagih</small><div><strong>{{ number_format(($billedHours ?? $approvedHours), 2, ',', '.') }}</strong> jam</div><div class="text-muted small">Aktual: {{ number_format($approvedHours, 2, ',', '.') }} jam</div></div></div>
                <div class="col-md-3"><div class="border rounded p-2"><small class="text-muted">Alpha / Cuti / Lembur</small><div><strong>A {{ number_format($alphaDays ?? 0, 0, ',', '.') }} | C {{ number_format($cutiDays ?? 0, 0, ',', '.') }} | OT {{ number_format($overtimeHours ?? 0, 2, ',', '.') }}j</strong></div></div></div>
                <div class="col-md-3"><div class="border rounded p-2"><small class="text-muted">Rate/Jam (Base/{{ (int) ($monthlyHourBase ?? 173) }})</small><div><strong>Rp {{ number_format($hourlyRate, 2, ',', '.') }}</strong></div></div></div>
                <div class="col-md-3"><div class="border rounded p-2"><small class="text-muted">PPh21</small><div><strong>Rp {{ number_format($pph21Nominal, 2, ',', '.') }}</strong> <small>({{ number_format($pph21Rate * 100, 2, ',', '.') }}%)</small></div><div class="text-muted small mt-1">{{ $pph21MethodLabel }}{{ $pph21TerCategory !== '' ? ' | TER '.$pph21TerCategory : '' }}{{ $pph21PtkpStatus !== '' ? ' | '.$pph21PtkpStatus : '' }}</div></div></div>
                <div class="col-md-3"><div class="border rounded p-2"><small class="text-muted">BPJS Potongan</small><div><strong>Rp {{ number_format($bpjsNominal, 2, ',', '.') }}</strong> <small>({{ number_format($bpjsRateTotal * 100, 2, ',', '.') }}%)</small></div><div class="text-muted small mt-1">{{ $bpjsSourceMode === 'snapshot_paid' ? 'Snapshot dari payroll yang sudah dibayar.' : 'Live hitung dari rule aktif periode ini.' }}</div></div></div>
                <div class="col-md-3"><div class="border rounded p-2"><small class="text-muted">Reimbursement Approved</small><div><strong>Rp {{ number_format($reimburseNominal, 2, ',', '.') }}</strong></div></div></div>
                <div class="col-md-3"><div class="border rounded p-2 bg-light"><small class="text-muted">Netto Dibayarkan</small><div><strong>Rp {{ number_format($netNominal, 2, ',', '.') }}</strong></div></div></div>
                <div class="col-md-3"><div class="border rounded p-2"><small class="text-muted">Bonus SPL Khusus Masuk Payroll</small><div><strong>Rp {{ number_format($specialPayrollBonusNominal, 2, ',', '.') }}</strong></div><div class="text-muted small">{{ number_format((float) ($bd['special_overtime_payroll_bonus_hours'] ?? 0), 2, ',', '.') }} jam | {{ number_format((int) ($bd['special_overtime_payroll_bonus_hk'] ?? 0), 0, ',', '.') }} HK</div></div></div>
                <div class="col-md-3"><div class="border rounded p-2"><small class="text-muted">Bonus SPL Khusus Bayar Terpisah</small><div><strong>Rp {{ number_format($specialSeparateBonusNominal, 2, ',', '.') }}</strong></div><div class="text-muted small">{{ number_format((float) ($bd['special_overtime_separate_bonus_hours'] ?? 0), 2, ',', '.') }} jam | {{ number_format((int) ($bd['special_overtime_separate_bonus_hk'] ?? 0), 0, ',', '.') }} HK</div></div></div>
            </div>

            <div class="mt-3 border border-primary rounded overflow-hidden">
                <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 px-3 py-2 bg-primary text-white">
                    <div class="d-flex flex-wrap align-items-center gap-2">
                        <strong><i class="fas fa-calculator me-1"></i>Rincian Perhitungan PPh21</strong>
                        <span class="badge {{ $pph21IsSnapshot ? 'text-bg-light' : 'text-bg-success' }}">{{ $pph21IsSnapshot ? 'Snapshot Bayar' : 'Live Periode' }}</span>
                        <span class="badge text-bg-dark">{{ $pph21MethodLabel }}</span>
                    </div>
                    <small>Tanggal acuan: <strong>{{ $pph21CalculationDate !== '' ? $pph21CalculationDate : '-' }}</strong></small>
                </div>

                <div class="p-3 bg-light">
                    <div class="row g-2 mb-3">
                        <div class="col-md-3">
                            <div class="h-100 border rounded bg-white p-2">
                                <small class="text-muted">Rule Digunakan</small>
                                <div class="fw-bold">{{ $pph21RuleCode !== '' ? $pph21RuleCode : ($pph21Method === 'legacy_flat_rate' ? 'Fallback Internal' : '-') }}</div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="h-100 border rounded bg-white p-2">
                                <small class="text-muted">Status Pajak Karyawan</small>
                                <div class="fw-bold">PTKP {{ $pph21PtkpStatus !== '' ? $pph21PtkpStatus : 'Belum Diisi' }}</div>
                                <div class="small text-muted">NPWP: {{ $pph21HasNpwp === null ? '-' : ($pph21HasNpwp ? 'Ada' : 'Tidak Ada') }}</div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="h-100 border rounded bg-white p-2">
                                <small class="text-muted">Kategori dan Tarif</small>
                                <div class="fw-bold">{{ $pph21TerCategory !== '' ? 'TER '.$pph21TerCategory : $pph21MethodLabel }}</div>
                                <div class="small text-muted">{{ number_format($pph21Rate * 100, 4, ',', '.') }}%</div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="h-100 border border-danger rounded bg-white p-2">
                                <small class="text-muted">PPh21 Dipotong</small>
                                <div class="fw-bold text-danger">Rp {{ number_format($pph21Nominal, 2, ',', '.') }}</div>
                            </div>
                        </div>
                    </div>

                    <div class="row g-3">
                        <div class="col-lg-7">
                            <div class="border rounded bg-white h-100">
                                <div class="px-3 py-2 border-bottom fw-bold">A. Pembentuk Penghasilan Bruto Kena Pajak</div>
                                <div class="table-responsive">
                                    <table class="table table-sm mb-0 align-middle">
                                        <tbody>
                                            @if (!empty($pph21GrossComponents))
                                                <tr><td>Penghasilan gaji terhitung</td><td class="text-end">Rp {{ number_format((float) ($pph21GrossComponents['salary_income'] ?? 0), 2, ',', '.') }}</td></tr>
                                                <tr><td>Tunjangan kena pajak</td><td class="text-end">Rp {{ number_format((float) ($pph21GrossComponents['allowances'] ?? 0), 2, ',', '.') }}</td></tr>
                                                <tr><td>Insentif kena pajak</td><td class="text-end">Rp {{ number_format((float) ($pph21GrossComponents['incentive'] ?? 0), 2, ',', '.') }}</td></tr>
                                                <tr><td>Lembur yang masuk bruto kena pajak</td><td class="text-end">Rp {{ number_format((float) ($pph21GrossComponents['overtime'] ?? 0), 2, ',', '.') }}</td></tr>
                                            @else
                                                <tr><td colspan="2" class="text-muted">Rincian pembentuk bruto belum tersedia pada snapshot pembayaran lama.</td></tr>
                                            @endif
                                            <tr class="table-primary fw-bold"><td>Bruto sebelum potongan internal</td><td class="text-end">Rp {{ number_format($pph21GrossBeforeDeductions, 2, ',', '.') }}</td></tr>
                                            <tr><td>Potongan ketidakhadiran</td><td class="text-end text-danger">- Rp {{ number_format((float) ($pph21GrossReductions['absence'] ?? 0), 2, ',', '.') }}</td></tr>
                                            <tr><td>Potongan keterlambatan</td><td class="text-end text-danger">- Rp {{ number_format((float) ($pph21GrossReductions['late'] ?? 0), 2, ',', '.') }}</td></tr>
                                            <tr class="table-success fw-bold"><td>Penghasilan bruto kena pajak</td><td class="text-end">Rp {{ number_format($pph21TaxableGross, 2, ',', '.') }}</td></tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-5">
                            <div class="border rounded bg-white h-100">
                                <div class="px-3 py-2 border-bottom fw-bold">B. Pemilihan Tarif dan Rumus</div>
                                <div class="p-3 small">
                                    @if ($pph21Method === 'ter_monthly')
                                        <div class="mb-2"><span class="text-muted">Kategori berdasarkan PTKP:</span><br><strong>{{ $pph21PtkpStatus }} → TER {{ $pph21TerCategory }}</strong></div>
                                        <div class="mb-2">
                                            <span class="text-muted">Bracket bruto yang terpilih:</span><br>
                                            <strong>
                                                Rp {{ number_format((float) ($pph21BracketMin ?? 0), 0, ',', '.') }}
                                                s/d
                                                {{ $pph21BracketMax === null ? 'tanpa batas' : 'Rp '.number_format($pph21BracketMax, 0, ',', '.') }}
                                            </strong>
                                        </div>
                                    @elseif ($pph21Method === 'legacy_flat_rate')
                                        <div class="alert alert-warning py-2">
                                            PTKP atau rule TER belum lengkap. Sistem memakai basis fallback sebesar
                                            <strong>Rp {{ number_format($pph21LegacyBasis, 2, ',', '.') }}</strong>.
                                        </div>
                                    @endif
                                    <div class="mb-2"><span class="text-muted">Tarif diterapkan:</span><br><strong>{{ number_format($pph21Rate * 100, 4, ',', '.') }}%</strong></div>
                                    <div class="rounded bg-dark text-white p-3 mt-3">
                                        <div class="small text-white-50">{{ $pph21FormulaLabel }}</div>
                                        <div class="fw-bold mt-1">
                                            Rp {{ number_format($pph21FormulaBasis, 2, ',', '.') }}
                                            × {{ number_format($pph21Rate * 100, 4, ',', '.') }}%
                                        </div>
                                        <hr class="my-2 opacity-25">
                                        <div class="d-flex justify-content-between gap-3">
                                            <span>Hasil PPh21</span>
                                            <strong>Rp {{ number_format($pph21RawResult, 2, ',', '.') }}</strong>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    @if (!empty($pph21CalculationDetails['fallback_used']))
                        <div class="alert alert-warning py-2 mt-3 mb-0">
                            <strong>Perlu diperbaiki:</strong> lengkapi Status PTKP karyawan atau rule TER periode ini agar payroll tidak memakai fallback internal.
                        </div>
                    @endif
                </div>
            </div>

            <div class="mt-3 border rounded p-3 bg-light">
                <div class="d-flex flex-wrap align-items-center gap-2 mb-2">
                    @if ($bpjsSourceMode === 'snapshot_paid')
                        <span class="bpjs-info-chip is-snapshot"><i class="fas fa-camera-retro"></i>Snapshot Bayar</span>
                    @else
                        <span class="bpjs-info-chip is-live"><i class="fas fa-wave-square"></i>Live Periode</span>
                    @endif
                    <span class="text-muted small">Rate BPJS dibaca per tanggal acuan <strong>{{ $bpjsEffectiveDate !== '' ? $bpjsEffectiveDate : '-' }}</strong>.</span>
                </div>
                <div class="text-muted small">
                    {{ $bpjsSourceMode === 'snapshot_paid'
                        ? 'Karena payroll periode ini sudah ditandai bayar, rincian BPJS di bawah memakai snapshot yang tersimpan saat pembayaran dibuat. Perubahan rate BPJS tahun depan tidak mengubah angka periode ini.'
                        : 'Payroll periode ini belum dibayar, jadi rincian BPJS di bawah memakai rule aktif pada akhir periode payroll. Jika histori BPJS berubah sebelum dibayar, nominal simulasi bisa ikut berubah.' }}
                </div>
                @if (!empty($bpjsSummary['full']))
                    <div class="text-muted small mt-2">{{ $bpjsSummary['full'] }}</div>
                @endif
            </div>

            @if (!empty($payrollReportOnly))
                <div class="alert alert-info border-info py-2 mt-3 mb-0">
                    <strong>Report Jam Only.</strong>
                    Jam, HK, dan detail attendance tetap dihitung untuk laporan, tetapi nominal gaji, lembur, BPJS, PPh21, dan take pay dibuat Rp 0 serta tidak masuk proses bayar.
                </div>
            @endif
            @if (!empty($payrollReimburseOnly))
                <div class="alert alert-warning border-warning py-2 mt-3 mb-0">
                    <strong>Rembes/Reimburse Only.</strong>
                    Jam, HK, dan detail attendance tetap dihitung untuk laporan, tetapi gaji, lembur, BPJS, dan PPh21 dibuat Rp 0. Yang masuk proses bayar hanya nominal rembes/reimburse approved.
                </div>
            @endif

            <div class="row g-2 mt-2">
                <div class="col-lg-4">
                    <div class="border rounded p-3 h-100">
                        <div class="d-flex justify-content-between align-items-center">
                            <div class="text-muted">Gaji Pokok Terhitung</div>
                            @if ($salaryScheme !== '')
                                <span class="badge text-bg-secondary">{{ strtoupper($salaryScheme) }}</span>
                            @endif
                        </div>
                        <div class="fs-3 fw-bold">Rp {{ number_format($calculatedBaseSalaryDisplay, 2, ',', '.') }}</div>
                        <div class="text-muted small">
                            Base bulanan: Rp {{ number_format($monthlyBaseSalary, 2, ',', '.') }}<br>
                            Jam tertagih: {{ number_format(($billedHours ?? $approvedHours), 2, ',', '.') }} jam x Rp {{ number_format($hourlyRate, 2, ',', '.') }}
                            <br>
                            Total lembur: 
                            {{ number_format($overtimeRate, 2, ',', '.') }} 
                            @if (abs($weightedOvertimeHoursDisplay - $rawOvertimeHoursDisplay) > 0.0001)
                                x
                                {{ number_format($weightedOvertimeHoursDisplay, 2, ',', '.') }} jam 
                            @endif
                            | Gaji lembur: Rp {{ number_format($overtimeNominal, 2, ',', '.') }}
                            <br>
                            @if ($absenceMode !== '')
                                Mode potongan alpha: {{ strtoupper($absenceMode) }}
                            @endif
                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="border rounded p-3 h-100">
                        <div class="text-muted mb-1">Komponen Penambah</div>
                        <div class="d-flex justify-content-between fs-5"><div>Tunjangan Total</div><div class="fw-semibold">Rp {{ number_format($allowTotal, 2, ',', '.') }}</div></div>
                        @if ($allowFixed > 0)<div class="d-flex justify-content-between text-muted small"><div>Tunjangan Tetap</div><div>Rp {{ number_format($allowFixed, 2, ',', '.') }}</div></div>@endif
                        @if ($allowPosition > 0)<div class="d-flex justify-content-between text-muted small"><div>Tunjangan Jabatan</div><div>Rp {{ number_format($allowPosition, 2, ',', '.') }}</div></div>@endif
                        @if ($allowSkill > 0)<div class="d-flex justify-content-between text-muted small"><div>Tunjangan Keahlian</div><div>Rp {{ number_format($allowSkill, 2, ',', '.') }}</div></div>@endif
                        @if ($allowMedicalHousing > 0)<div class="d-flex justify-content-between text-muted small"><div>Medical/Housing</div><div>Rp {{ number_format($allowMedicalHousing, 2, ',', '.') }}</div></div>@endif
                        @if ($allowOther > 0)<div class="d-flex justify-content-between text-muted small"><div>Tunjangan Lainnya</div><div>Rp {{ number_format($allowOther, 2, ',', '.') }}</div></div>@endif
                        @if ($incentive > 0)<div class="d-flex justify-content-between"><div>Insentif</div><div class="fw-semibold">Rp {{ number_format($incentive, 2, ',', '.') }}</div></div>@endif
                        @if ($specialPayrollBonusNominal > 0)<div class="d-flex justify-content-between"><div>Bonus SPL Khusus (Payroll)</div><div class="fw-semibold">Rp {{ number_format($specialPayrollBonusNominal, 2, ',', '.') }}</div></div>@endif
                        @if ($overtimeNominal > 0)<div class="d-flex justify-content-between"><div>Upah Lembur</div><div class="fw-semibold">Rp {{ number_format($overtimeNominal, 2, ',', '.') }}</div></div>@endif
                        @if ($reimburse > 0)<div class="d-flex justify-content-between"><div>Reimbursement</div><div class="fw-semibold">Rp {{ number_format($reimburse, 2, ',', '.') }}</div></div>@endif
                        <hr class="my-2">
                        <div class="d-flex justify-content-between fs-5"><div class="fw-bold">Total Penambah</div><div class="fw-bold">Rp {{ number_format($additionsTotal, 2, ',', '.') }}</div></div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="border border-danger-subtle rounded p-3 h-100 bg-danger-subtle bg-opacity-10">
                        <div class="text-danger mb-1 fw-semibold">Komponen Pengurang</div>
                        @if ($dedAbsence > 0)<div class="d-flex justify-content-between"><div>Potongan Tidak Masuk (Alpha)</div><div class="fw-semibold">Rp {{ number_format($dedAbsence, 2, ',', '.') }}</div></div>@endif
                        @if ($dedLate > 0)<div class="d-flex justify-content-between"><div>Potongan Keterlambatan</div><div class="fw-semibold">Rp {{ number_format($dedLate, 2, ',', '.') }}</div></div>@endif
                        @foreach ($dynamicDeductionRows as $dedRow)
                            <div class="d-flex justify-content-between text-danger">
                                <div>{{ $dedRow['component_name'] ?? $dedRow['component_code'] ?? 'Potongan Lain' }}</div>
                                <div class="fw-semibold">Rp {{ number_format((float) ($dedRow['amount'] ?? 0), 2, ',', '.') }}</div>
                            </div>
                        @endforeach
                        <div class="d-flex justify-content-between text-danger"><div>BPJS</div><div class="fw-semibold">Rp {{ number_format($dedBpjs, 2, ',', '.') }}</div></div>
                        <div class="d-flex justify-content-between text-danger"><div>PPh21</div><div class="fw-semibold">Rp {{ number_format($dedPph21, 2, ',', '.') }}</div></div>
                        <hr class="my-2">
                        <div class="d-flex justify-content-between fs-5 text-danger"><div class="fw-bold">Total Pengurang</div><div class="fw-bold">Rp {{ number_format($deductionsTotal, 2, ',', '.') }}</div></div>
                    </div>
                </div>
            </div>

            <div class="mt-2 text-muted small">
                Base gaji bulanan terdeteksi: Rp {{ number_format($monthlyBaseSalary, 2, ',', '.') }} |
                Progress bulan: {{ number_format(($monthlyAttendance['approved_hours'] ?? 0), 2, ',', '.') }} jam.
                @if (!empty($bankAccountLabel))
                    | Rekening Default: {{ $bankAccountLabel }}
                @endif
                @if (!empty($taxProofNo))
                    | No Bukti Potong: {{ $taxProofNo }}
                @endif
            </div>

            <div class="mt-3 border border-danger-subtle rounded p-3 bg-danger-subtle bg-opacity-10">
                <div class="fw-semibold mb-2 text-danger">Rincian Program BPJS Periode Ini</div>
                <div class="text-muted small mb-2">
                    Basis umum: Rp {{ number_format($bpjsBasisGeneralDisplay, 2, ',', '.') }} |
                    Basis JP: Rp {{ number_format($bpjsBasisJpDisplay, 2, ',', '.') }} |
                    Basis Kesehatan: Rp {{ number_format($bpjsBasisHealthDisplay, 2, ',', '.') }}.
                </div>
                @php
                    $bpjsCompanyTotalDisplay = collect($bpjsDetailRows)->sum(fn ($row) => (float) ($row['company_nominal'] ?? 0));
                    $bpjsEmployeeTotalDisplay = collect($bpjsDetailRows)->sum(fn ($row) => (float) ($row['employee_nominal'] ?? 0));
                @endphp
                <div class="row g-2 mb-2">
                    <div class="col-md-6">
                        <div class="border border-danger-subtle rounded bg-white px-3 py-2">
                            <small class="text-muted d-block">Total BPJS Perusahaan</small>
                            <span class="fw-semibold">Rp {{ number_format($bpjsCompanyTotalDisplay, 2, ',', '.') }}</span>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="border border-danger-subtle rounded bg-white px-3 py-2">
                            <small class="text-danger d-block">Total BPJS Karyawan</small>
                            <span class="fw-semibold text-danger">Rp {{ number_format($bpjsEmployeeTotalDisplay, 2, ',', '.') }}</span>
                        </div>
                    </div>
                </div>
                <div class="table-responsive">
                    <table class="table table-sm table-bordered align-middle mb-0 bpjs-detail-table">
                        <thead class="table-danger">
                            <tr>
                                <th class="bpjs-col-program">Program</th>
                                <th class="bpjs-col-basis">Basis</th>
                                <th class="bpjs-col-basis-hit">Basis Hitung</th>
                                <th class="bpjs-col-plafon">Plafon</th>
                                <th class="bpjs-col-nominal">Co (Perusahaan)</th>
                                <th class="bpjs-col-nominal">Emp (Karyawan)</th>
                                <th class="bpjs-col-note">Catatan</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($bpjsDetailRows as $bpjsRow)
                                <tr>
                                    <td class="bpjs-col-program">
                                        <div class="fw-semibold">{{ $bpjsRow['component_code'] ?? '-' }}</div>
                                        <small class="text-muted">{{ $bpjsRow['component_name'] ?? '-' }}</small>
                                    </td>
                                    <td class="bpjs-col-basis">{{ strtoupper((string) ($bpjsRow['basis_type'] ?? 'general')) }}</td>
                                    <td class="bpjs-col-basis-hit">
                                        Src: Rp {{ number_format((float) ($bpjsRow['basis_source_nominal'] ?? 0), 2, ',', '.') }}<br>
                                        <small class="text-muted">Dipakai: Rp {{ number_format((float) ($bpjsRow['basis_nominal'] ?? 0), 2, ',', '.') }}</small>
                                    </td>
                                    <td class="bpjs-col-plafon">
                                        @php
                                            $bpjsBasisSource = (float) ($bpjsRow['basis_source_nominal'] ?? 0);
                                            $bpjsBasisUsed = (float) ($bpjsRow['basis_nominal'] ?? 0);
                                            $bpjsCeilingMin = (float) ($bpjsRow['ceiling_min_nominal'] ?? 0);
                                            $bpjsCeilingMax = (float) ($bpjsRow['ceiling_max_nominal'] ?? $bpjsRow['ceiling_nominal'] ?? 0);
                                            $bpjsCeilingApplied = ($bpjsCeilingMin > 0 && $bpjsBasisSource < $bpjsCeilingMin && $bpjsBasisUsed > $bpjsBasisSource)
                                                || ($bpjsCeilingMax > 0 && $bpjsBasisSource > $bpjsCeilingMax && $bpjsBasisUsed < $bpjsBasisSource);
                                        @endphp
                                        @if ($bpjsCeilingApplied)
                                            @if ($bpjsCeilingMin > 0 && $bpjsBasisSource < $bpjsCeilingMin)
                                                <div><span class="badge text-bg-light border">Min</span> Rp {{ number_format($bpjsCeilingMin, 2, ',', '.') }}</div>
                                            @endif
                                            @if ($bpjsCeilingMax > 0 && $bpjsBasisSource > $bpjsCeilingMax)
                                                <div><span class="badge text-bg-light border">Max</span> Rp {{ number_format($bpjsCeilingMax, 2, ',', '.') }}</div>
                                            @endif
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                    <td class="bpjs-col-nominal">
                                        <div>{{ number_format((float) ($bpjsRow['rate_company_percent'] ?? 0), 2, ',', '.') }}%</div>
                                        <div class="bpjs-nominal-line">
                                            <small class="text-muted">Rp {{ number_format((float) ($bpjsRow['company_nominal'] ?? 0), 2, ',', '.') }}</small>
                                            @if (!empty($bpjsRow['is_enrolled']) && (float) ($bpjsRow['rate_company_percent'] ?? 0) > 0)
                                                <span class="badge bg-primary text-white shadow-sm bpjs-mode-badge">Report Only</span>
                                            @endif
                                        </div>
                                    </td>
                                    <td class="bpjs-col-nominal">
                                        <div>{{ number_format((float) ($bpjsRow['rate_employee_percent'] ?? 0), 2, ',', '.') }}%</div>
                                        <div class="bpjs-nominal-line">
                                            <small class="text-muted">Rp {{ number_format((float) ($bpjsRow['employee_nominal'] ?? 0), 2, ',', '.') }}</small>
                                            @if (!empty($bpjsRow['is_enrolled']))
                                                @if (!empty($bpjsRow['deduct_to_payroll']))
                                                    <span class="badge bg-success text-white shadow-sm bpjs-mode-badge">Potong Payroll</span>
                                                @else
                                                    <span class="badge bg-primary text-white shadow-sm bpjs-mode-badge">Report Only</span>
                                                @endif
                                            @else
                                                <span class="badge bg-dark text-white shadow-sm bpjs-mode-badge">Tidak Ikut</span>
                                            @endif
                                        </div>
                                    </td>
                                    <td class="bpjs-col-note">{{ $bpjsRow['notes'] ?? '-' }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-center text-muted">Belum ada rincian program BPJS yang bisa ditampilkan untuk periode ini.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="mt-3 border rounded p-3 bg-light">
                <div class="fw-semibold mb-2">Rincian Sub Total & Grand Total</div>
                <div class="table-responsive">
                    <table class="table table-sm table-bordered align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th style="width: 45%">Komponen</th>
                                <th>Keterangan</th>
                                <th class="text-end" style="width: 20%">Nominal</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Gaji Pokok Sesuai Hitungan Kehadiran</td>
                                <td></td>
                                <td class="text-end fw-semibold">Rp {{ number_format($calculatedBaseSalaryDisplay, 2, ',', '.') }}</td>
                            </tr>
                            <tr>
                                <td>Total Lembur</td>
                                <td class="text-muted small">
                                    {{ number_format($overtimeRate, 2, ',', '.') }} 
                                    @if (abs($weightedOvertimeHoursDisplay - $rawOvertimeHoursDisplay) > 0.0001)
                                        x
                                         {{ number_format($weightedOvertimeHoursDisplay, 2, ',', '.') }} jam 
                                    @endif
                                </td>
                                <td class="text-end">Rp {{ number_format($overtimeNominal, 2, ',', '.') }}</td>
                            </tr>
                            <tr>
                                <td>Komponen Penambah</td>
                                <td class="text-muted small">Tunjangan, insentif/bonus payroll, dan reimbursement approved.</td>
                                <td class="text-end">Rp {{ number_format($allowTotal + $incentive + $reimburse, 2, ',', '.') }}</td>
                            </tr>
                            <tr class="table-success">
                                <td class="fw-bold">Sub Total Pendapatan</td>
                                <td class="text-muted small">Gaji pokok terhitung + lembur + penambah.</td>
                                <td class="text-end fw-bold">Rp {{ number_format($subtotalIncomeDisplay, 2, ',', '.') }}</td>
                            </tr>
                            @if ($dedAbsence > 0)
                                <tr>
                                    <td>Potongan Tidak Masuk / Alpha</td>
                                    <td class="text-muted small">Sesuai mode potongan {{ strtoupper($absenceMode ?: '-') }}.</td>
                                    <td class="text-end text-danger">Rp {{ number_format($dedAbsence, 2, ',', '.') }}</td>
                                </tr>
                            @endif
                            @if ($dedLate > 0)
                                <tr>
                                    <td>Potongan Keterlambatan</td>
                                    <td class="text-muted small">{{ number_format((float) ($bd['late_hours'] ?? 0), 2, ',', '.') }} jam x Rp {{ number_format((float) ($bd['late_rate_per_hour'] ?? 0), 2, ',', '.') }}</td>
                                    <td class="text-end text-danger">Rp {{ number_format($dedLate, 2, ',', '.') }}</td>
                                </tr>
                            @endif
                            @foreach ($dynamicDeductionRows as $dedRow)
                                <tr>
                                    <td>{{ $dedRow['component_name'] ?? $dedRow['component_code'] ?? 'Potongan Lain' }}</td>
                                    <td class="text-muted small">
                                        {{ ($dedRow['source'] ?? '') === 'override' ? 'Import/override profil bulan.' : 'Komponen potongan profil gaji.' }}
                                    </td>
                                    <td class="text-end text-danger">Rp {{ number_format((float) ($dedRow['amount'] ?? 0), 2, ',', '.') }}</td>
                                </tr>
                            @endforeach
                            <tr>
                                <td>BPJS Karyawan</td>
                                <td class="text-muted small">Potongan payroll dari program BPJS aktif.</td>
                                <td class="text-end text-danger">Rp {{ number_format($dedBpjs, 2, ',', '.') }}</td>
                            </tr>
                            <tr>
                                <td>PPh21</td>
                                <td class="text-muted small">{{ $pph21MethodLabel }}{{ $pph21TerCategory !== '' ? ' kategori '.$pph21TerCategory : '' }}{{ $pph21PtkpStatus !== '' ? ' (PTKP '.$pph21PtkpStatus.')' : '' }}: {{ number_format($pph21Rate * 100, 2, ',', '.') }}% dari bruto kena pajak Rp {{ number_format($pph21TaxableGross, 2, ',', '.') }}.</td>
                                <td class="text-end text-danger">Rp {{ number_format($dedPph21, 2, ',', '.') }}</td>
                            </tr>
                            <tr class="table-danger">
                                <td class="fw-bold">Sub Total Pengurang</td>
                                <td class="text-muted small">Total seluruh komponen pengurang payroll.</td>
                                <td class="text-end fw-bold">Rp {{ number_format($deductionsTotal, 2, ',', '.') }}</td>
                            </tr>
                            <tr class="table-primary">
                                <td class="fw-bold fs-5">Grand Total (Take Pay)</td>
                                <td class="text-muted small">Sub Total Pendapatan - Sub Total Pengurang.</td>
                                <td class="text-end fw-bold fs-5">Rp {{ number_format($grandTakePayDisplay, 2, ',', '.') }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            @if (!empty($specialSummary['rows']))
                <div class="mt-3 border rounded p-3 bg-light">
                    <div class="fw-semibold mb-2">Rincian Bonus SPL Khusus</div>
                    <div class="table-responsive">
                        <table class="table table-sm table-bordered align-middle mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>No SPL</th>
                                    <th>Tanggal</th>
                                    <th>Jenis</th>
                                    <th>Mode Bayar</th>
                                    <th>Bonus Jam</th>
                                    <th>Bonus HK</th>
                                    <th>Nominal</th>
                                    <th>Catatan</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach (($specialSummary['rows'] ?? []) as $specialRow)
                                    <tr>
                                        <td>{{ $specialRow['document_no'] ?? '-' }}</td>
                                        <td>{{ $specialRow['work_date'] ?? '-' }}</td>
                                        <td>{{ $specialRow['overtime_type_label'] ?? '-' }}</td>
                                        <td>{{ $specialRow['payment_mode_label'] ?? '-' }}</td>
                                        <td>{{ number_format((float) ($specialRow['bonus_hours'] ?? 0), 2, ',', '.') }}</td>
                                        <td>{{ number_format((int) ($specialRow['bonus_hk'] ?? 0), 0, ',', '.') }}</td>
                                        <td>Rp {{ number_format((float) ($specialRow['nominal'] ?? 0), 2, ',', '.') }}</td>
                                        <td>{{ $specialRow['notes'] ?? '-' }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <div class="text-muted small mt-2">
                        Bonus mode <strong>Gabung Payroll</strong> sudah ikut ke komponen penambah payroll.
                        Bonus mode <strong>Bayar Terpisah</strong> hanya tampil sebagai referensi dan tidak ikut netto payroll.
                    </div>
                </div>
            @endif
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h3 class="card-title m-0">Rincian Jam Harian (Periode Tertagih)</h3>
        </div>
        <div class="card-body">
            @include('attendancereview::partials.calculation_detail_shared', [
                'detailRows' => $dailyRows,
                'detailOtColumns' => $dailyRowsOtColumns,
                'detailProfil' => $profil,
            ])
        </div>
    </div>
@endsection