@extends('layouts.app')
@section('title', 'Diagnosis Report')
@section('content')

<div class="flex items-center justify-between mb-4">
    <div>
        <h1 class="text-lg font-bold text-gray-900">Diagnosis Report</h1>
        <p class="text-xs text-gray-400">{{ $from->format('d M Y') }} | {{ $to->format('d M Y') }}</p>
    </div>
    <div class="flex gap-3 text-xs">
        <span class="bg-blue-50 border border-blue-200 text-blue-700 px-3 py-1.5 rounded-lg font-semibold">
            {{ $structuredCount ?? 0 }} consultations with ICD-10 codes
        </span>
        @if(($legacyCount ?? 0) > 0)
        <span class="bg-amber-50 border border-amber-200 text-amber-700 px-3 py-1.5 rounded-lg font-semibold">
            {{ $legacyCount }} legacy free-text
        </span>
        @endif
    </div>
</div>

@php $exportType = 'diagnosis'; @endphp
@include('reports._date-filter')

@if(($legacyCount ?? 0) > 0)
<div class="bg-amber-50 border border-amber-200 rounded-xl px-4 py-3 mb-4 text-xs text-amber-800">
    <strong>{{ $legacyCount }}</strong> consultation(s) in this period still use free-text diagnosis.
    Ask clinicians to use the ICD-10 picker going forward | free-text entries are not linkable to MOH reports or analytics.
</div>
@endif

<div class="bg-white rounded-xl border shadow-sm overflow-hidden">
    <table class="w-full">
        <thead>
            <tr class="bg-gray-50">
                <th class="table-header w-8">#</th>
                <th class="table-header">Diagnosis</th>
                <th class="table-header w-24 text-right">Count</th>
                <th class="table-header w-32 text-right">Share</th>
            </tr>
        </thead>
        <tbody>
        @php
            $total = array_sum($diagCounts);
            $i = 1;
        @endphp
        @forelse($diagCounts as $diag => $count)
        @php
            $isIcd  = str_starts_with($diag, '[');
            $pct    = $total > 0 ? round($count / $total * 100, 1) : 0;
        @endphp
        <tr class="border-b border-gray-50 hover:bg-gray-50/50">
            <td class="table-cell text-xs text-gray-400">{{ $i++ }}</td>
            <td class="table-cell">
                @if($isIcd)
                {{-- Structured ICD-10 entry --}}
                @php
                    preg_match('/\[([A-Z]\d+[\w\.]*)\]\s+(.+)/', $diag, $m);
                    $code = $m[1] ?? '';
                    $desc = $m[2] ?? $diag;
                @endphp
                <div class="flex items-center gap-2">
                    <span class="font-mono text-xs font-bold text-blue-700 bg-blue-50 px-1.5 py-0.5 rounded">{{ $code }}</span>
                    <span class="text-xs text-gray-800">{{ $desc }}</span>
                </div>
                @else
                {{-- Legacy free-text --}}
                <div class="flex items-center gap-2">
                    <span class="text-xs text-amber-600 bg-amber-50 px-1.5 py-0.5 rounded border border-amber-200">free-text</span>
                    <span class="text-xs text-gray-600 italic">{{ $diag }}</span>
                </div>
                @endif
            </td>
            <td class="table-cell text-right font-bold text-sm">{{ $count }}</td>
            <td class="table-cell text-right">
                <div class="flex items-center justify-end gap-2">
                    <div class="w-16 bg-gray-100 rounded-full h-1.5">
                        <div class="bg-blue-500 h-1.5 rounded-full" style="width: {{ $pct }}%"></div>
                    </div>
                    <span class="text-xs text-gray-500 w-10 text-right">{{ $pct }}%</span>
                </div>
            </td>
        </tr>
        @empty
        <tr><td colspan="4" class="table-cell text-center text-gray-400 py-10">No diagnoses recorded for this period.</td></tr>
        @endforelse
        @if($total > 0)
        <tr class="bg-gray-50 font-bold">
            <td colspan="2" class="table-cell text-right text-sm">Total</td>
            <td class="table-cell text-right text-sm">{{ $total }}</td>
            <td class="table-cell"></td>
        </tr>
        @endif
        </tbody>
    </table>
</div>

@endsection