@extends('layouts.app')

@section('title', 'PAYE Calculator')

@push('styles')
<style>
    .calc-step { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid #f1f5f9; font-size: .9rem; }
    .calc-step.total { font-weight: 600; border-bottom: 2px solid var(--line); }
    .calc-step .k { color: var(--ink-soft); }
    .band-table td, .band-table th { padding: .45rem .6rem; font-size: .88rem; }
    .band-table tr.idle td { color: #94a3b8; }
    .tax-hero { display: flex; justify-content: space-between; align-items: center; background: #0f172a; color: #fff; border-radius: 12px; padding: 16px 20px; }
    .tax-hero .v { font-size: 1.6rem; font-weight: 700; font-variant-numeric: tabular-nums; }
</style>
@endpush

@php
    $n = fn ($v) => '₦' . number_format((float) $v, 2);
    $b = $result['breakdown'] ?? null;
    $isNta = $regime === \App\Support\NigerianPaye::NTA_2025;
@endphp

@section('content')
<div class="page-header">
    <div>
        <div class="eyebrow"><a href="{{ route('hotel.payroll.index') }}" class="text-reset text-decoration-none"><i class="bi bi-arrow-left me-1"></i>Payroll</a></div>
        <h1>PAYE Calculator</h1>
        <p>Nigerian personal income tax on monthly pay, worked out on the year and divided by twelve. Runs {{ $autoPaye ? 'use this automatically' : 'use it when you press Calculate PAYE (or switch on automatic PAYE on the Payroll page)' }}.</p>
    </div>
</div>

<div class="row g-4">
    <div class="col-lg-5">
        <section class="panel mb-4">
            <div class="panel-header"><div><h2>Start from an employee</h2><p>Their standing monthly pay from Personnel.</p></div></div>
            <form method="GET" action="{{ route('hotel.payroll.paye-calculator') }}" class="panel-body d-flex gap-2">
                <select name="employee_id" class="form-select" aria-label="Employee" required>
                    <option value="">Choose an employee…</option>
                    @foreach ($employees as $e)<option value="{{ $e->employee_id }}" @selected((string) $selectedEmployee === (string) $e->employee_id)>{{ $e->full_name }} ({{ $e->department }})</option>@endforeach
                </select>
                <button type="submit" class="btn btn-outline-secondary text-nowrap">Load</button>
            </form>
        </section>

        <section class="panel">
            <div class="panel-header"><div><h2>Monthly figures</h2><p>@if ($source)Loaded: <strong>{{ $source }}</strong>. Change any figure to try another case.@else Enter the pay to tax.@endif</p></div></div>
            <form method="GET" action="{{ route('hotel.payroll.paye-calculator') }}" class="panel-body">
                <div class="mb-3">
                    <label for="c_gross" class="form-label">Taxable earnings a month (₦)</label>
                    <input type="number" step="0.01" min="0" id="c_gross" name="gross" class="form-control" value="{{ $inputs['gross'] ?: '' }}" placeholder="e.g. 350000" required>
                    <div class="form-text">Basic plus every taxable allowance.</div>
                </div>
                <div class="mb-3">
                    <label for="c_pensionable" class="form-label">Of which pensionable (₦)</label>
                    <input type="number" step="0.01" min="0" id="c_pensionable" name="pensionable" class="form-control" value="{{ $inputs['pensionable'] }}">
                    <div class="form-text">Employee pension at {{ rtrim(rtrim(number_format($rates['employee'], 2), '0'), '.') }}% of this is tax-free.</div>
                </div>
                <div class="mb-3">
                    <label for="c_reliefs" class="form-label">Other reliefs a month (₦)</label>
                    <input type="number" step="0.01" min="0" id="c_reliefs" name="reliefs" class="form-control" value="{{ $inputs['reliefs'] }}">
                    <div class="form-text">NHF, NHIS, life assurance premiums.</div>
                </div>
                <div class="mb-3">
                    <label for="c_rent" class="form-label">Annual rent paid (₦)</label>
                    <input type="number" step="0.01" min="0" id="c_rent" name="annual_rent" class="form-control" value="{{ $inputs['annual_rent'] ?: '' }}">
                    <div class="form-text">Rent relief: 20% of this, at most ₦500,000 a year (Nigeria Tax Act 2025 only).</div>
                </div>
                <div class="mb-3">
                    <label for="c_regime" class="form-label">Tax rules</label>
                    <select id="c_regime" name="regime" class="form-select">
                        @foreach (\App\Support\NigerianPaye::REGIMES as $key => $r)<option value="{{ $key }}" @selected($regime === $key)>{{ $r['label'] }}</option>@endforeach
                    </select>
                </div>
                <button type="submit" class="btn btn-primary w-100"><i class="bi bi-calculator me-1"></i> Work out PAYE</button>
            </form>
        </section>
    </div>

    <div class="col-lg-7">
        @if ($result)
            <div class="tax-hero mb-3">
                <div>
                    <div class="small opacity-75">PAYE a month</div>
                    <div class="small opacity-75">{{ $n($result['annual']) }} a year · effective rate {{ number_format($b['effective_rate'], 2) }}%</div>
                </div>
                <span class="v">{{ $n($result['monthly']) }}</span>
            </div>
            @if ($onPayslip !== null && abs($onPayslip - $result['monthly']) >= 0.01)
                <div class="alert alert-warning small"><i class="bi bi-exclamation-triangle me-1"></i> The payslip currently shows {{ $n($onPayslip) }} PAYE — it was typed in or worked out on different figures. Use <em>Calculate PAYE</em> on the draft to update it.</div>
            @endif

            <section class="panel mb-4">
                <div class="panel-header"><div><h2>How it's worked out (a year)</h2><p>{{ \App\Support\NigerianPaye::REGIMES[$regime]['label'] }}</p></div></div>
                <div class="panel-body">
                    <div class="calc-step"><span>Taxable earnings ({{ $n($inputs['gross']) }} × 12)</span><span class="money">{{ $n($b['gross']) }}</span></div>
                    <div class="calc-step"><span class="k">Less employee pension ({{ $n($pension) }} × 12)</span><span class="money">−{{ $n($b['pension']) }}</span></div>
                    @if ($b['other_reliefs'] > 0)
                        <div class="calc-step"><span class="k">Less other reliefs (NHF, NHIS, life assurance)</span><span class="money">−{{ $n($b['other_reliefs']) }}</span></div>
                    @endif
                    @if ($isNta)
                        <div class="calc-step"><span class="k">Less rent relief (20% of {{ $n($inputs['annual_rent']) }}, max ₦500,000)</span><span class="money">−{{ $n($b['rent_relief']) }}</span></div>
                    @else
                        <div class="calc-step"><span class="k">Less consolidated relief allowance (₦200,000 or 1%, whichever is higher, + 20%)</span><span class="money">−{{ $n($b['cra']) }}</span></div>
                    @endif
                    <div class="calc-step total"><span>Chargeable income</span><span class="money">{{ $n($b['chargeable']) }}</span></div>
                </div>
                <div class="table-responsive">
                    <table class="table band-table mb-0">
                        <thead><tr><th>Band</th><th class="text-end">Rate</th><th class="text-end">Taxed in band</th><th class="text-end">Tax</th></tr></thead>
                        <tbody>
                            @foreach ($b['bands'] as $band)
                                <tr class="{{ $band['amount'] > 0 ? '' : 'idle' }}">
                                    <td>{{ $band['to'] === null ? 'Above ' . $n($band['from']) : ($band['from'] == 0 ? 'First ' . $n($band['to']) : $n($band['from']) . ' – ' . $n($band['to'])) }}</td>
                                    <td class="text-end">{{ $band['rate'] }}%</td>
                                    <td class="text-end money">{{ $n($band['amount']) }}</td>
                                    <td class="text-end money">{{ $n($band['tax']) }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr class="fw-bold"><td colspan="3">Tax on the bands</td><td class="text-end money">{{ $n($b['band_tax']) }}</td></tr>
                            @if (!$isNta)
                                @if ($b['exempt'])
                                    <tr><td colspan="3" class="small text-muted">Earns the national minimum wage or less — exempt.</td><td class="text-end money">{{ $n(0) }}</td></tr>
                                @elseif ($b['minimum_tax'] > $b['band_tax'])
                                    <tr><td colspan="3" class="small text-muted">Minimum tax applies (1% of gross income)</td><td class="text-end money">{{ $n($b['minimum_tax']) }}</td></tr>
                                @endif
                            @endif
                            <tr class="fw-bold"><td colspan="3">Annual PAYE ÷ 12 = monthly</td><td class="text-end money">{{ $n($result['monthly']) }}</td></tr>
                        </tfoot>
                    </table>
                </div>
            </section>
        @else
            <section class="panel">
                <div class="panel-body"><div class="empty-state"><i class="bi bi-calculator"></i>Enter monthly pay, or load an employee, to see their PAYE band by band.</div></div>
            </section>
        @endif

        <p class="small text-muted mb-0"><i class="bi bi-info-circle me-1"></i> Pay periods from January 2026 use the Nigeria Tax Act 2025 bands; earlier periods use the old PITA bands with the consolidated relief allowance. Which earnings are taxable and which deductions count as reliefs is set under <a href="{{ route('hotel.payroll.pay-items.index') }}">Earnings &amp; deductions</a>. This follows the published bands — confirm unusual cases (benefits in kind, multiple employers, mortgage interest relief) with your tax adviser.</p>
    </div>
</div>
@endsection