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

@if(count($data) === 0)
<div class="bg-amber-50 border border-amber-200 rounded-xl p-4 mb-4">
    <p class="text-sm text-amber-700 font-medium">No data found for {{ $month->format('F Y') }}.</p>
    <p class="text-xs text-amber-600 mt-1">Ensure consultations have diagnoses recorded. Diagnosis is a mandatory field for MoH reporting.</p>
</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">#</th><th class="table-header">Diagnosis</th><th class="table-header text-right">New</th><th class="table-header text-right">Revisit</th><th class="table-header text-right">Total</th>
    </tr></thead>
    <tbody>
    @php $totalNew = 0; $totalRevisit = 0; $totalAll = 0; @endphp
    @foreach($data as $i => $row)
    @php $totalNew += $row['new']; $totalRevisit += $row['revisit']; $totalAll += $row['total']; @endphp
    <tr class="border-b border-gray-50">
        <td class="table-cell text-xs text-gray-400">{{ $i + 1 }}</td>
        <td class="table-cell text-xs font-medium">{{ $row['diagnosis'] }}</td>
        <td class="table-cell text-right text-xs">{{ $row['new'] }}</td>
        <td class="table-cell text-right text-xs">{{ $row['revisit'] }}</td>
        <td class="table-cell text-right text-xs font-bold">{{ $row['total'] }}</td>
    </tr>
    @endforeach
    </tbody>
    <tfoot><tr class="bg-gray-100 font-bold">
        <td class="table-cell"></td><td class="table-cell text-xs">TOTAL</td>
        <td class="table-cell text-right text-xs">{{ $totalNew }}</td>
        <td class="table-cell text-right text-xs">{{ $totalRevisit }}</td>
        <td class="table-cell text-right text-xs">{{ $totalAll }}</td>
    </tr></tfoot>
    </table>
</div>
@endsection