@extends('layouts.app')
@section('titulo','Cumplimiento')
@section('contenido')
<h4><i class="fa fa-bullseye"></i> Cumplimiento por área</h4>
<p class="text-muted small">Periodo: {{ \Carbon\Carbon::parse($desde)->format('d/m/Y') }} → {{ \Carbon\Carbon::parse($hasta)->format('d/m/Y') }}</p>
<div class="card"><div class="table-responsive"><table class="table mb-0">
<thead><tr><th>Área</th><th class="text-end">Total</th><th class="text-end">Ejecutadas</th><th class="text-end">Vencidas</th><th class="text-end">% Cumplimiento</th><th class="text-end">Costo</th></tr></thead>
<tbody>
@foreach($datos as $d)
<tr>
  <td>{{ $d->area ?? '— Sin área —' }}</td>
  <td class="text-end">{{ $d->total }}</td>
  <td class="text-end">{{ $d->ejecutadas }}</td>
  <td class="text-end">{{ $d->vencidas }}</td>
  <td class="text-end">{{ $d->total ? round($d->ejecutadas * 100 / $d->total,1) : 0 }}%</td>
  <td class="text-end">{{ number_format($d->costo,2) }}</td>
</tr>
@endforeach
</tbody></table></div></div>
@endsection