@extends('layouts.app')
@section('title', 'Payroll')
@section('content')
<div class="page-head"><div><div class="eyebrow">Compensation operations</div><h1>Payroll & compensation</h1><p>Control payroll runs and compensation review cycles.</p></div><details class="panel details-panel"><summary class="btn primary">▶ Start payroll run</summary><div class="details-body"><form method="post" action="{{ route('payroll.store') }}" class="form-grid">@csrf<div class="field"><label>Period</label><input class="input" name="period" placeholder="May 2026" required></div><div class="field"><label>Pay date</label><input class="input" type="date" name="pay_date" required></div><button class="btn primary" type="submit">Create draft run</button></form></div></details></div>
<div class="grid four">@php($latest=$runs->first())<div class="card"><div class="card-label">Latest period</div><div class="metric long">{{ $latest?->period ?? '—' }}</div></div><div class="card"><div class="card-label">Employees</div><div class="metric">{{ $latest?->employees ?? 0 }}</div></div><div class="card"><div class="card-label">Gross payroll</div><div class="metric long mono">${{ number_format($latest?->gross ?? 0,0) }}</div></div><div class="card"><div class="card-label">Status</div><div class="metric long">{{ $latest?->status ?? '—' }}</div></div></div>
<div class="grid two section"><section class="panel"><div class="section-title"><div><h2>Payroll run history</h2><p>Gross-to-net processing periods</p></div></div><div class="table-wrap"><table class="data-table"><thead><tr><th>Period</th><th>Pay date</th><th>Status</th><th>Employees</th><th class="right">Gross</th><th class="right">Net</th></tr></thead><tbody>@foreach($runs as $run)<tr><td><strong>{{ $run->period }}</strong></td><td>{{ $run->pay_date->format('Y-m-d') }}</td><td><span class="badge {{ $run->status === 'paid' ? 'green' : 'amber' }}">{{ $run->status }}</span></td><td>{{ $run->employees }}</td><td class="right mono">${{ number_format($run->gross,2) }}</td><td class="right mono">${{ number_format($run->net,2) }}</td></tr>@endforeach</tbody></table></div></section><section class="panel"><div class="section-title"><div><h2>Compensation cycles</h2><p>Budget and review progress</p></div></div><div class="activity-list">@foreach($cycles as $cycle)<div class="card"><div class="card-label"><strong>{{ $cycle->name }}</strong><span class="badge">{{ $cycle->status }}</span></div><p class="muted">Due {{ $cycle->due_date->format('d M Y') }}</p><div class="progress"><span style="width:{{ $cycle->completion }}%"></span></div><div class="table-footer" style="padding:12px 0 0"><span>{{ number_format($cycle->completion,0) }}% complete</span><span class="mono">${{ number_format($cycle->allocated,0) }} / ${{ number_format($cycle->budget,0) }}</span></div></div>@endforeach</div></section></div>
@endsection