@extends('layouts.app')
@section('title', 'MOH 706 | Laboratory Summary')
@section('styles')<style>@media print{.no-print{display:none!important}body{background:#fff}}</style>@endsection
@section('content')
<div class="mb-1"><h1 class="text-lg font-bold text-gray-900">MOH 706 | Laboratory Summary</h1><p class="text-xs text-gray-400">{{ $month->format('F Y') }} · Auto-generated from lab orders</p></div>
@include('reports._moh-month')

@if(count($warnings))
<div class="bg-amber-50 border border-amber-200 rounded-xl p-4 mb-4">
    <p class="text-sm font-medium text-amber-700">Validation Warnings</p>
    @foreach($warnings as $w)<p class="text-xs text-amber-600">⚠ {{ $w }}</p>@endforeach
</div>
@endif

<div class="bg-white rounded-xl border shadow-sm" id="reportTable">
    <table class="w-full"><thead><tr class="bg-gray-50">
        <th class="table-header">Test Name</th><th class="table-header text-right">Total Ordered</th><th class="table-header text-right">Completed</th><th class="table-header text-right">Pending</th><th class="table-header text-right">Completion %</th>
    </tr></thead>
    <tbody>
    @foreach($data as $d)
    @php $pct = $d->total > 0 ? round($d->done / $d->total * 100) : 0; @endphp
    <tr class="border-b border-gray-50">
        <td class="table-cell text-xs font-medium">{{ $d->test_name }}</td>
        <td class="table-cell text-right text-xs font-bold">{{ $d->total }}</td>
        <td class="table-cell text-right text-xs text-green-600">{{ $d->done }}</td>
        <td class="table-cell text-right text-xs {{ $d->pending > 0 ? 'text-amber-600 font-bold' : '' }}">{{ $d->pending }}</td>
        <td class="table-cell text-right text-xs">
            <div class="flex items-center justify-end gap-1"><div class="w-12 h-1.5 bg-gray-200 rounded-full"><div class="h-1.5 rounded-full {{ $pct >= 90 ? 'bg-green-500' : ($pct >= 60 ? 'bg-amber-500' : 'bg-red-500') }}" style="width:{{ $pct }}%"></div></div><span>{{ $pct }}%</span></div>
        </td>
    </tr>
    @endforeach
    </tbody>
    <tfoot><tr class="bg-gray-100 font-bold"><td class="table-cell text-xs">TOTAL</td><td class="table-cell text-right text-xs">{{ $data->sum('total') }}</td><td class="table-cell text-right text-xs">{{ $data->sum('done') }}</td><td class="table-cell text-right text-xs">{{ $data->sum('pending') }}</td><td class="table-cell text-right text-xs">{{ $data->sum('total') > 0 ? round($data->sum('done') / $data->sum('total') * 100) : 0 }}%</td></tr></tfoot>
    </table>
</div>
@endsection