@extends('layouts.app')

@section('title', 'Payroll')

@php
    $reopen = old('_form');
    $old = fn ($form, $k, $d = null) => $reopen === $form ? old($k, $d) : $d;
@endphp

@section('content')
<div class="page-header">
    <div>
        <div class="eyebrow">HR &amp; Payroll</div>
        <h1>Payroll</h1>
        <p>Run payroll once a month: start a draft from Personnel's salary defaults, enter PAYE and other deductions, then post one balanced entry to the general ledger and print payslips.</p>
    </div>
    <div class="d-flex gap-2 flex-wrap">
        <a href="{{ route('hotel.payroll.pay-items.index') }}" class="btn btn-outline-secondary"><i class="bi bi-list-columns-reverse me-1"></i> Earnings &amp; deductions</a>
        <a href="{{ route('hotel.personnel.index') }}" class="btn btn-outline-secondary"><i class="bi bi-people me-1"></i> Personnel</a>
    </div>
</div>

<div class="row g-3 mb-4">
    @foreach ([
        ['Last net pay', '₦' . number_format($stats['lastNet'], 2), 'bi-wallet2', '#e0f2fe', '#0369a1', $stats['lastPeriod'] ?? 'Nothing posted yet'],
        ['Gross payroll ' . today()->year, '₦' . number_format($stats['ytdGross'], 2), 'bi-cash-stack', '#dcfce7', '#15803d', 'Posted runs, year to date'],
        ['Statutory ' . today()->year, '₦' . number_format($stats['ytdStatutory'], 2), 'bi-bank', '#fef3c7', '#b45309', 'PAYE + pension to remit'],
        ['Drafts in progress', number_format($stats['drafts']), 'bi-pencil-square', '#eef2ff', '#4f46e5', $stats['drafts'] ? 'Not yet posted' : 'All runs posted'],
    ] as [$label, $value, $icon, $bg, $fg, $hint])
        <div class="col-sm-6 col-xl-3">
            <div class="stat-card">
                <span class="stat-icon" style="background:{{ $bg }};color:{{ $fg }};"><i class="bi {{ $icon }}"></i></span>
                <span>
                    <span class="stat-value d-block money">{{ $value }}</span>
                    <span class="stat-label d-block">{{ $label }}</span>
                    <span class="stat-label">{{ $hint }}</span>
                </span>
            </div>
        </div>
    @endforeach
</div>

<div class="row g-4">
    <div class="col-lg-4">
        @if ($can['create'])
            <section class="panel mb-4">
                <div class="panel-header"><div><h2>Start a payroll run</h2><p>Every active employee in scope is added with their current pay.</p></div></div>
                <form method="POST" action="{{ route('hotel.payroll.store') }}" class="panel-body">
                    @csrf
                    <input type="hidden" name="_form" value="run">
                    @if ($branches->isNotEmpty())
                        <div class="mb-3">
                            <label for="run_branch" class="form-label">Who's being paid</label>
                            <select id="run_branch" name="branch_id" class="form-select">
                                <option value="">All branches (company-wide run)</option>
                                @foreach ($branches as $b)<option value="{{ $b->branch_id }}" @selected((string) $old('run', 'branch_id', $activeBranchId) === (string) $b->branch_id)>{{ $b->branch_name }} only</option>@endforeach
                            </select>
                            <div class="form-text">Pay everyone in one run, or each branch separately — not both for the same month.</div>
                        </div>
                    @endif
                    <div class="row g-3 mb-3">
                        <div class="col-6">
                            <label for="run_period" class="form-label">Pay period</label>
                            <input type="month" id="run_period" name="period_month" class="form-control" value="{{ $old('run', 'period_month', $nextPeriod) }}" required>
                        </div>
                        <div class="col-6">
                            <label for="run_paydate" class="form-label">Pay date</label>
                            <input type="date" id="run_paydate" name="pay_date" class="form-control" value="{{ $old('run', 'pay_date', today()->toDateString()) }}" required>
                        </div>
                    </div>
                    @if ($activeEmployees === 0)
                        <div class="alert alert-warning small py-2">No active employees in this scope yet — <a href="{{ route('hotel.personnel.index') }}">add your staff</a> first.</div>
                    @endif
                    <button type="submit" class="btn btn-primary w-100" @disabled($activeEmployees === 0)>
                        <i class="bi bi-plus-circle me-1"></i> Start draft run
                    </button>
                    <div class="form-text text-center">{{ $activeEmployees }} active {{ \Illuminate\Support\Str::plural('employee', $activeEmployees) }} in {{ $activeBranchId ? 'this branch' : 'the company' }}</div>
                </form>
            </section>
        @endif

        <section class="panel">
            <div class="panel-header"><div><h2><i class="bi bi-sliders me-1"></i> Pension &amp; PAYE</h2><p>Worked out on pensionable earnings ({{ $pensionable ?: 'none set' }}).</p></div></div>
            <form method="POST" action="{{ route('hotel.payroll.rates') }}" class="panel-body">
                @csrf
                <input type="hidden" name="_form" value="rates">
                <div class="row g-3">
                    <div class="col-6">
                        <label for="rate_emp" class="form-label">Employee %</label>
                        <input type="number" id="rate_emp" name="pension_employee_rate" class="form-control" step="0.01" min="0" max="100" value="{{ $old('rates', 'pension_employee_rate', $rates['employee']) }}" @disabled(!$can['edit'])>
                    </div>
                    <div class="col-6">
                        <label for="rate_er" class="form-label">Employer %</label>
                        <input type="number" id="rate_er" name="pension_employer_rate" class="form-control" step="0.01" min="0" max="100" value="{{ $old('rates', 'pension_employer_rate', $rates['employer']) }}" @disabled(!$can['edit'])>
                    </div>
                </div>
                <div class="form-check form-switch mt-3">
                    <input type="hidden" name="paye_auto_calculate" value="0">
                    <input class="form-check-input" type="checkbox" role="switch" name="paye_auto_calculate" value="1" id="paye_auto" @checked($old('rates', 'paye_auto_calculate', $autoPaye ? '1' : '0') === '1') @disabled(!$can['edit'])>
                    <label class="form-check-label" for="paye_auto">Work out PAYE automatically</label>
                </div>
                <div class="form-text">From the Nigerian tax bands for each run's pay period. Off: PAYE is typed in (or worked out with the <em>Calculate PAYE</em> button on a draft).</div>
                @if ($can['edit'])
                    <button type="submit" class="btn btn-outline-secondary w-100 mt-3">Save settings</button>
                @endif
                <a href="{{ route('hotel.payroll.paye-calculator') }}" class="btn btn-link w-100 mt-1"><i class="bi bi-calculator me-1"></i> PAYE calculator</a>
            </form>
        </section>
    </div>

    <div class="col-lg-8">
        <section class="panel" id="runs">
            <div class="panel-header"><div><h2>Payroll runs @if ($runs->total())<span class="badge text-bg-light border fw-normal align-middle">{{ $runs->total() }}</span>@endif</h2><p>{{ $activeBranchId ? 'This branch\'s runs and company-wide ones.' : 'Every run, company-wide and per branch.' }}</p></div></div>
            <div class="table-responsive">
                <table class="table table-hover align-middle">
                    <thead>
                        <tr><th>Period</th><th>Scope</th><th class="text-end">Staff</th><th class="text-end">Gross</th><th class="text-end">Net pay</th><th>Status</th><th></th></tr>
                    </thead>
                    <tbody>
                        @forelse ($runs as $r)
                            <tr>
                                <td class="text-nowrap">
                                    <a href="{{ route('hotel.payroll.show', $r) }}" class="fw-semibold text-reset text-decoration-none">{{ $r->periodLabel(short: true) }}</a>
                                    <div class="small text-muted">Pay date {{ $r->pay_date->format('M d') }}</div>
                                </td>
                                <td class="small text-muted text-nowrap">{{ $r->scopeLabel() }}</td>
                                <td class="text-end">{{ $r->items_count }}</td>
                                <td class="text-end money">₦{{ number_format((float) $r->total_gross, 2) }}</td>
                                <td class="text-end money fw-semibold">₦{{ number_format((float) $r->total_net, 2) }}</td>
                                <td>
                                    @if ($r->isDraft())
                                        <span class="status-pill pill-reserved">Draft</span>
                                    @else
                                        <span class="status-pill pill-available" title="Posted {{ $r->posted_at?->format('M d, Y') }} · paid by {{ $r->payment_method }} · JE #{{ $r->posted_entry_id }}">Posted</span>
                                    @endif
                                </td>
                                <td class="text-end"><a href="{{ route('hotel.payroll.show', $r) }}" class="btn btn-sm btn-light border" title="{{ $r->isDraft() && $can['edit'] ? 'Continue draft' : 'Open run' }}" aria-label="Open {{ $r->periodLabel() }} payroll"><i class="bi bi-chevron-right"></i></a></td>
                            </tr>
                        @empty
                            <tr><td colspan="7"><div class="empty-state"><i class="bi bi-wallet2"></i>{{ $runs->total() ? 'No runs on this page.' : 'No payroll runs yet.' }}</div></td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="pb-3">@include('partials.list-pager', ['page' => $runs, 'noun' => 'run'])</div>
        </section>
    </div>
</div>
@endsection