@php $pr = $data['project_reports']; @endphp

<div class="grid grid-cols-2 md:grid-cols-4 gap-3 mb-5">
  <div class="stat"><p class="text-[10px] font-bold uppercase text-slate-400">Active projects</p><p class="text-[20px] font-bold text-slate-900">{{ $pr['summary']['active_projects'] }}</p></div>
  <div class="stat"><p class="text-[10px] font-bold uppercase text-slate-400">Contract value</p><p class="text-[20px] font-bold text-blue-700">{{ \App\Support\Format::mwk($pr['summary']['total_contract_value']) }}</p></div>
  <div class="stat"><p class="text-[10px] font-bold uppercase text-slate-400">Total spent</p><p class="text-[20px] font-bold text-red-600">{{ \App\Support\Format::mwk($pr['summary']['total_spent']) }}</p></div>
  <div class="stat"><p class="text-[10px] font-bold uppercase text-slate-400">Project profit</p><p class="text-[20px] font-bold {{ $pr['summary']['total_profit'] < 0 ? 'text-red-600' : 'text-emerald-600' }}">{{ \App\Support\Format::mwk($pr['summary']['total_profit'], true) }}</p></div>
</div>

<div class="dp overflow-x-auto">
  <table>
    <thead>
      <tr class="border-b border-slate-100">
        <th class="th">Project</th>
        <th class="th">Client</th>
        <th class="th">Status</th>
        <th class="th text-right">Progress</th>
        <th class="th text-right">Contract</th>
        <th class="th text-right">Invoiced</th>
        <th class="th text-right">Received</th>
        <th class="th text-right">Outstanding</th>
        <th class="th text-right">Budget</th>
        <th class="th text-right">Spent</th>
        <th class="th text-right">Profit</th>
        <th class="th text-right">Margin</th>
        <th class="th">Due</th>
        <th class="th">Risk</th>
      </tr>
    </thead>
    <tbody>
      @forelse($pr['rows'] as $row)
        @php $p = $row['project']; @endphp
        <tr>
          <td class="td font-medium"><a href="{{ route('projects.show', $p) }}" class="text-blue-600 hover:underline">{{ $p->name }}</a></td>
          <td class="td text-slate-600">{{ $p->client?->name ?? '—' }}</td>
          <td class="td"><span class="badge {{ $p->status==='At Risk'?'r':($p->status==='On Hold'?'a':'b') }}">{{ $p->status }}</span></td>
          <td class="td text-right">{{ $p->progress_percentage }}%</td>
          <td class="td text-right">{{ \App\Support\Format::mwk($row['contract_value']) }}</td>
          <td class="td text-right text-emerald-700">{{ \App\Support\Format::mwk($row['invoiced']) }}</td>
          <td class="td text-right">{{ \App\Support\Format::mwk($row['received']) }}</td>
          <td class="td text-right text-amber-700">{{ \App\Support\Format::mwk($row['outstanding']) }}</td>
          <td class="td text-right">{{ \App\Support\Format::mwk($row['budget']) }}</td>
          <td class="td text-right text-red-600">{{ \App\Support\Format::mwk($row['spent']) }}</td>
          <td class="td text-right font-bold {{ $row['profit'] < 0 ? 'text-red-600' : 'text-emerald-600' }}">{{ \App\Support\Format::mwk($row['profit'], true) }}</td>
          <td class="td text-right">{{ number_format($row['margin_pct'], 2) }}%</td>
          <td class="td text-[11px] text-slate-500">{{ optional($p->due_date)?->format('M j, Y') }}</td>
          <td class="td"><span class="badge {{ $row['risk']==='At Risk'?'r':'g' }}">{{ $row['risk'] }}</span></td>
        </tr>
      @empty
        <tr><td class="td text-slate-400 text-center py-8" colspan="14">No projects match the filters.</td></tr>
      @endforelse
    </tbody>
  </table>
</div>