@extends('layouts.app')
@section('title', 'Dashboard')
@section('content')
<div class="page-head"><div><div class="eyebrow">Workforce operations</div><h1>Good morning, Alex</h1><p>Here is what needs attention across the organization today.</p></div><a class="btn" href="{{ route('reports') }}">Open reports</a></div>
<div class="grid four">
    <div class="card"><div class="card-label"><span>Total headcount</span><span>♙</span></div><div class="metric">{{ $headcount }}</div><div class="trend up">↗ 8.1% vs last month</div></div>
    <div class="card"><div class="card-label"><span>Pending approvals</span><span>☑</span></div><div class="metric">{{ $pendingApprovals }}</div><div class="trend">requires action</div></div>
    <div class="card"><div class="card-label"><span>Payroll status</span><span>▣</span></div><div class="metric long">{{ $payroll?->status ?? 'Not started' }}</div><div class="trend">Next run: {{ $payroll?->pay_date?->format('Y-m-d') ?? '—' }}</div></div>
    <div class="card"><div class="card-label"><span>Team capacity</span><span>▥</span></div><div class="metric">{{ $capacity }}%</div><div class="trend">Healthy delivery bandwidth</div></div>
</div>
<div class="grid two section">
    <section class="panel"><div class="section-title"><div><h2>Recent operations activity</h2><p>Latest actions across the workforce platform</p></div><a class="btn small" href="{{ route('audit') }}">View audit log</a></div><div class="activity-list">@forelse($activity as $event)<div class="activity"><span class="activity-dot"></span><p><strong>{{ $event->actor }}</strong> {{ $event->action }} <strong>{{ $event->resource }}</strong><br><small>{{ $event->occurred_at->diffForHumans() }}</small></p><span class="badge {{ $event->severity === 'sensitive' ? 'amber' : 'gray' }}">{{ $event->severity }}</span></div>@empty<p class="muted">No activity yet.</p>@endforelse</div></section>
    <section class="panel"><div class="section-title"><div><h2>Quick actions</h2><p>Common HR operations</p></div></div><div class="activity-list stack"><a class="btn" href="{{ route('people') }}">Onboard employee</a><a class="btn" href="{{ route('payroll') }}">Run payroll</a><a class="btn" href="{{ route('time-off') }}">Request time off</a><div class="card" style="background:#0758c9;color:white"><strong>System health</strong><p>● All systems operational</p><small>Laravel {{ app()->version() }} · MySQL</small></div></div></section>
</div>
@endsection