@php
    $money = fn ($v) => number_format($v, 2);
@endphp
<div class="grid gap-4 lg:grid-cols-2">
    <div class="rounded-lg border border-border bg-card p-3">
        <p class="text-xs font-semibold uppercase tracking-wide text-muted-foreground">Earnings &amp; Allowances</p>
        <table class="mt-2 w-full text-xs">
            <tbody>
                <tr class="border-b">
                    <td class="py-1">Basic Salary</td>
                    <td class="py-1 text-right tabular-nums">{{ $money($comp['basicSalary']) }}</td>
                </tr>
                @foreach ($comp['allowances'] as $a)
                    <tr class="border-b">
                        <td class="py-1">{{ $a['name'] }} @if ($a['taxable'])<span class="text-muted-foreground">(taxable)</span>@endif</td>
                        <td class="py-1 text-right tabular-nums">{{ $money($a['amount']) }}</td>
                    </tr>
                @endforeach
                <tr class="font-semibold">
                    <td class="py-1">Gross Pay</td>
                    <td class="py-1 text-right tabular-nums">{{ $money($comp['grossPay']) }}</td>
                </tr>
            </tbody>
        </table>
    </div>

    <div class="rounded-lg border border-border bg-card p-3">
        <p class="text-xs font-semibold uppercase tracking-wide text-muted-foreground">Allowable Deductions</p>
        <table class="mt-2 w-full text-xs">
            <tbody>
                @foreach ($comp['allowableDeductions'] as $d)
                    <tr class="border-b">
                        <td class="py-1">{{ $d['name'] }}</td>
                        <td class="py-1 text-right tabular-nums">{{ $money($d['amount']) }}</td>
                    </tr>
                @endforeach
                <tr class="border-b">
                    <td class="py-1">Taxable Income</td>
                    <td class="py-1 text-right tabular-nums">{{ $money($comp['taxablePay']) }}</td>
                </tr>
                <tr class="font-semibold">
                    <td class="py-1">Total Allowable</td>
                    <td class="py-1 text-right tabular-nums">{{ $money($comp['totalAllowable']) }}</td>
                </tr>
            </tbody>
        </table>
    </div>

    <div class="rounded-lg border border-border bg-card p-3">
        <p class="text-xs font-semibold uppercase tracking-wide text-muted-foreground">PAYE (bracket by bracket)</p>
        <table class="mt-2 w-full text-xs">
            <thead>
                <tr class="border-b text-muted-foreground">
                    <th class="py-1 text-left font-medium">Band</th>
                    <th class="py-1 text-right font-medium">Rate</th>
                    <th class="py-1 text-right font-medium">Taxable</th>
                    <th class="py-1 text-right font-medium">Tax</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($comp['payeBands'] as $b)
                    <tr class="border-b">
                        <td class="py-1">{{ number_format($b['min'], 0) }} – {{ $b['max'] === null ? 'above' : number_format($b['max'], 0) }}</td>
                        <td class="py-1 text-right tabular-nums">{{ $b['rate'] }}%</td>
                        <td class="py-1 text-right tabular-nums">{{ $money($b['amount']) }}</td>
                        <td class="py-1 text-right tabular-nums">{{ $money($b['tax']) }}</td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="py-3 text-center text-muted-foreground">Below the first tax band — no PAYE.</td></tr>
                @endforelse
                <tr class="border-b">
                    <td class="py-1" colspan="3">PAYE before relief</td>
                    <td class="py-1 text-right tabular-nums">{{ $money($comp['payeBeforeRelief']) }}</td>
                </tr>
                @foreach ($comp['reliefs'] as $r)
                    <tr class="border-b">
                        <td class="py-1">{{ $r['name'] }} <span class="text-muted-foreground">({{ $r['type'] }})</span></td>
                        <td class="py-1 text-right text-muted-foreground">-</td>
                        <td class="py-1 text-right text-muted-foreground">-</td>
                        <td class="py-1 text-right tabular-nums">-{{ $money($r['amount']) }}</td>
                    </tr>
                @endforeach
                <tr class="font-semibold">
                    <td class="py-1" colspan="3">PAYE payable</td>
                    <td class="py-1 text-right tabular-nums">{{ $money($comp['paye']) }}</td>
                </tr>
            </tbody>
        </table>
    </div>

    <div class="rounded-lg border border-border bg-card p-3">
        <p class="text-xs font-semibold uppercase tracking-wide text-muted-foreground">Other Deductions</p>
        <table class="mt-2 w-full text-xs">
            <tbody>
                @forelse ($comp['otherDeductions'] as $d)
                    <tr class="border-b">
                        <td class="py-1">{{ $d['name'] }} @if ($d['preTax'])<span class="text-muted-foreground">(pre-tax)</span>@endif</td>
                        <td class="py-1 text-right tabular-nums">{{ $money($d['amount']) }}</td>
                    </tr>
                @empty
                    <tr><td class="py-3 text-center text-muted-foreground">No other deductions.</td></tr>
                @endforelse
                <tr class="border-b">
                    <td class="py-1">NSSF (employee)</td>
                    <td class="py-1 text-right tabular-nums">{{ $money($comp['nssfEmployee']) }}</td>
                </tr>
                <tr class="border-b">
                    <td class="py-1">SHIF</td>
                    <td class="py-1 text-right tabular-nums">{{ $money($comp['shif']) }}</td>
                </tr>
                <tr class="border-b">
                    <td class="py-1">Housing Levy</td>
                    <td class="py-1 text-right tabular-nums">{{ $money($comp['housingLevy']) }}</td>
                </tr>
                <tr class="border-b">
                    <td class="py-1">Pension</td>
                    <td class="py-1 text-right tabular-nums">{{ $money($comp['pensionEmployee']) }}</td>
                </tr>
                <tr class="border-b">
                    <td class="py-1">PAYE</td>
                    <td class="py-1 text-right tabular-nums">{{ $money($comp['paye']) }}</td>
                </tr>
                <tr class="border-b font-semibold">
                    <td class="py-1">Total Other Deductions</td>
                    <td class="py-1 text-right tabular-nums">{{ $money($comp['totalOtherDeductions']) }}</td>
                </tr>
                <tr class="font-semibold">
                    <td class="py-1">Total Deductions</td>
                    <td class="py-1 text-right tabular-nums">{{ $money($comp['totalDeductions']) }}</td>
                </tr>
                <tr class="font-semibold text-emerald-700">
                    <td class="py-1">Net Pay</td>
                    <td class="py-1 text-right tabular-nums">{{ $money($comp['netPay']) }}</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>