@php
    // Helper function to safely get nested data
    $getData = function($key, $default = '-') use ($testData) {
        $value = data_get($testData, $key, $default);
        return $value === '' || $value === null ? $default : $value;
    };
@endphp

<div class="test-data-display">
    @switch($testType)
        @case('antenatal_blood')
            <h3 class="text-lg font-semibold text-gray-900 mb-4">Antenatal Blood Screening Results</h3>
            <div class="overflow-x-auto">
                <table class="w-full border border-gray-300">
                    <thead class="bg-gray-50">
                        <tr>
                            <th class="border border-gray-300 px-4 py-2 text-left">Test Name</th>
                            <th class="border border-gray-300 px-4 py-2 text-center">Date Taken</th>
                            <th class="border border-gray-300 px-4 py-2 text-center">Result</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr><td class="border border-gray-300 px-4 py-2">Rhesus blood group</td><td class="border border-gray-300 px-4 py-2 text-center">{{ $getData('rhesus_blood_group.taken_at') }}</td><td class="border border-gray-300 px-4 py-2 text-center">{{ $getData('rhesus_blood_group.result') }}</td></tr>
                        <tr><td class="border border-gray-300 px-4 py-2">VDRL/TPHA</td><td class="border border-gray-300 px-4 py-2 text-center">{{ $getData('vdrl_tpha.taken_at') }}</td><td class="border border-gray-300 px-4 py-2 text-center">{{ $getData('vdrl_tpha.result') }}</td></tr>
                        <tr><td class="border border-gray-300 px-4 py-2">Syphilis (Ibu)</td><td class="border border-gray-300 px-4 py-2 text-center">{{ $getData('syphilis_ibu.taken_at') }}</td><td class="border border-gray-300 px-4 py-2 text-center">{{ $getData('syphilis_ibu.result') }}</td></tr>
                        <tr><td class="border border-gray-300 px-4 py-2">Syphilis (Pasangan)</td><td class="border border-gray-300 px-4 py-2 text-center">{{ $getData('syphilis_pasangan.taken_at') }}</td><td class="border border-gray-300 px-4 py-2 text-center">{{ $getData('syphilis_pasangan.result') }}</td></tr>
                        <tr><td class="border border-gray-300 px-4 py-2">HIV (Ibu)</td><td class="border border-gray-300 px-4 py-2 text-center">{{ $getData('hiv_ibu.taken_at') }}</td><td class="border border-gray-300 px-4 py-2 text-center">{{ $getData('hiv_ibu.result') }}</td></tr>
                        <tr><td class="border border-gray-300 px-4 py-2">HIV (Pasangan)</td><td class="border border-gray-300 px-4 py-2 text-center">{{ $getData('hiv_pasangan.taken_at') }}</td><td class="border border-gray-300 px-4 py-2 text-center">{{ $getData('hiv_pasangan.result') }}</td></tr>
                        <tr><td class="border border-gray-300 px-4 py-2">Hepatitis B</td><td class="border border-gray-300 px-4 py-2 text-center">{{ $getData('hepatitis_b.taken_at') }}</td><td class="border border-gray-300 px-4 py-2 text-center">{{ $getData('hepatitis_b.result') }}</td></tr>
                        <tr><td class="border border-gray-300 px-4 py-2">Malaria</td><td class="border border-gray-300 px-4 py-2 text-center">{{ $getData('malaria.taken_at') }}</td><td class="border border-gray-300 px-4 py-2 text-center">{{ $getData('malaria.result') }}</td></tr>
                    </tbody>
                </table>
            </div>
            @break

        @case('immunization')
            <h3 class="text-lg font-semibold text-gray-900 mb-4">Immunization Status</h3>
            <div class="space-y-4">
                <div>
                    <h4 class="font-semibold text-gray-800 mb-2">Tetanus/Toxoid</h4>
                    <div class="grid grid-cols-3 gap-4">
                        <div class="border border-gray-300 p-3 rounded">
                            <div class="text-sm text-gray-600">Dos 1</div>
                            <div class="text-sm">Date: {{ $getData('tetanus_dos_1.injection_date') }}</div>
                            <div class="text-sm">Batch: {{ $getData('tetanus_dos_1.batch_no') }}</div>
                            <div class="text-sm">Expiry: {{ $getData('tetanus_dos_1.expiry_date') }}</div>
                        </div>
                        <div class="border border-gray-300 p-3 rounded">
                            <div class="text-sm text-gray-600">Dos 2</div>
                            <div class="text-sm">Date: {{ $getData('tetanus_dos_2.injection_date') }}</div>
                            <div class="text-sm">Batch: {{ $getData('tetanus_dos_2.batch_no') }}</div>
                            <div class="text-sm">Expiry: {{ $getData('tetanus_dos_2.expiry_date') }}</div>
                        </div>
                        <div class="border border-gray-300 p-3 rounded">
                            <div class="text-sm text-gray-600">Dos Tambahan</div>
                            <div class="text-sm">Date: {{ $getData('tetanus_dos_tambahan.injection_date') }}</div>
                            <div class="text-sm">Batch: {{ $getData('tetanus_dos_tambahan.batch_no') }}</div>
                            <div class="text-sm">Expiry: {{ $getData('tetanus_dos_tambahan.expiry_date') }}</div>
                        </div>
                    </div>
                </div>
                @if($getData('show_other_immunizations') === '1')
                <div>
                    <h4 class="font-semibold text-gray-800 mb-2">Other Immunizations</h4>
                    <div class="text-sm">{{ $getData('lain_lain_1') }}</div>
                    <div class="text-sm">{{ $getData('lain_lain_2') }}</div>
                </div>
                @endif
            </div>
            @break

        @case('medical_checkup')
            <h3 class="text-lg font-semibold text-gray-900 mb-4">Medical Checkup (RME)</h3>
            <div class="space-y-4">
                <div class="grid grid-cols-2 gap-4">
                    <div><strong>Height:</strong> {{ $getData('height') }} cm</div>
                    <div><strong>BMI:</strong> {{ $getData('bmi') }} kg/m²</div>
                </div>
                <div>
                    <h4 class="font-semibold text-gray-800 mb-2">RME 1 Findings</h4>
                    <div class="grid grid-cols-2 gap-4 text-sm">
                        <div><strong>Pink/Pallor:</strong> {{ $getData('rme1.pink_pallor') }}</div>
                        <div><strong>Jaundice:</strong> {{ $getData('rme1.jaundice') }}</div>
                        <div><strong>BP:</strong> {{ $getData('rme1.bp') }}</div>
                        <div><strong>Pulse:</strong> {{ $getData('rme1.pulse') }}</div>
                        <div><strong>Breast:</strong> {{ $getData('rme1.breast') }}</div>
                        <div><strong>Lungs:</strong> {{ $getData('rme1.lungs') }}</div>
                        <div><strong>Abdomen:</strong> {{ $getData('rme1.abdomen') }}</div>
                        <div><strong>SFH:</strong> {{ $getData('rme1.sfh') }}</div>
                        <div><strong>FHR:</strong> {{ $getData('rme1.fhr') }}</div>
                        <div><strong>Oedema:</strong> {{ $getData('rme1.oedema') }}</div>
                    </div>
                </div>
            </div>
            @break

        @case('ogtt')
            <h3 class="text-lg font-semibold text-gray-900 mb-4">OGTT Screening</h3>
            <div class="space-y-4">
                <div>
                    <h4 class="font-semibold text-gray-800 mb-2">Risk Factors</h4>
                    <ul class="list-disc list-inside text-sm space-y-1">
                        @if($getData('criteria.age_35') === '1')<li>Age ≥35 years</li>@endif
                        @if($getData('criteria.bmi_27') === '1')<li>BMI ≥27 kg/m²</li>@endif
                        @if($getData('criteria.family_history') === '1')<li>Family history of diabetes</li>@endif
                        @if($getData('criteria.previous_gdm') === '1')<li>Previous GDM</li>@endif
                        @if($getData('criteria.previous_macrosomia') === '1')<li>Previous macrosomia</li>@endif
                        @if($getData('criteria.glycosuria') === '1')<li>Glycosuria</li>@endif
                        @if($getData('criteria.polyhydramnios') === '1')<li>Polyhydramnios</li>@endif
                        @if($getData('criteria.current_macrosomia') === '1')<li>Current macrosomia</li>@endif
                    </ul>
                </div>
                <div>
                    <h4 class="font-semibold text-gray-800 mb-2">OGTT Results</h4>
                    <table class="w-full border border-gray-300 text-sm">
                        <thead class="bg-gray-50">
                            <tr>
                                <th class="border border-gray-300 px-3 py-2">Date</th>
                                <th class="border border-gray-300 px-3 py-2">POG</th>
                                <th class="border border-gray-300 px-3 py-2">FBS</th>
                                <th class="border border-gray-300 px-3 py-2">2HPP</th>
                            </tr>
                        </thead>
                        <tbody>
                            @for($i = 1; $i <= 4; $i++)
                            <tr>
                                <td class="border border-gray-300 px-3 py-2">{{ $getData('ogtt_results.' . $i . '.date') }}</td>
                                <td class="border border-gray-300 px-3 py-2">{{ $getData('ogtt_results.' . $i . '.pog') }}</td>
                                <td class="border border-gray-300 px-3 py-2">{{ $getData('ogtt_results.' . $i . '.fbs') }}</td>
                                <td class="border border-gray-300 px-3 py-2">{{ $getData('ogtt_results.' . $i . '.2hpp') }}</td>
                            </tr>
                            @endfor
                        </tbody>
                    </table>
                </div>
                <div>
                    <h4 class="font-semibold text-gray-800 mb-2">Diagnosis</h4>
                    <div class="text-sm">{{ $getData('diagnosis', 'Not specified') }}</div>
                </div>
            </div>
            @break

        @case('blood_sugar_monitoring')
            <h3 class="text-lg font-semibold text-gray-900 mb-4">Blood Sugar Monitoring</h3>
            <div class="overflow-x-auto">
                <table class="w-full border border-gray-300 text-sm">
                    <thead class="bg-gray-50">
                        <tr>
                            <th class="border border-gray-300 px-2 py-2">Date</th>
                            <th class="border border-gray-300 px-2 py-2">Breakfast</th>
                            <th class="border border-gray-300 px-2 py-2">Lunch</th>
                            <th class="border border-gray-300 px-2 py-2">Dinner</th>
                            <th class="border border-gray-300 px-2 py-2">Pre Bed</th>
                            <th class="border border-gray-300 px-2 py-2">Notes</th>
                        </tr>
                    </thead>
                    <tbody>
                        @for($i = 1; $i <= 12; $i++)
                        @if($getData('monitoring.' . $i . '.date') !== '-')
                        <tr>
                            <td class="border border-gray-300 px-2 py-2">{{ $getData('monitoring.' . $i . '.date') }}</td>
                            <td class="border border-gray-300 px-2 py-2 text-center">{{ $getData('monitoring.' . $i . '.breakfast') }}</td>
                            <td class="border border-gray-300 px-2 py-2 text-center">{{ $getData('monitoring.' . $i . '.lunch') }}</td>
                            <td class="border border-gray-300 px-2 py-2 text-center">{{ $getData('monitoring.' . $i . '.dinner') }}</td>
                            <td class="border border-gray-300 px-2 py-2 text-center">{{ $getData('monitoring.' . $i . '.pre_bed') }}</td>
                            <td class="border border-gray-300 px-2 py-2">{{ $getData('monitoring.' . $i . '.notes') }}</td>
                        </tr>
                        @endif
                        @endfor
                    </tbody>
                </table>
            </div>
            @break

        @case('blood_pressure_monitoring')
            <h3 class="text-lg font-semibold text-gray-900 mb-4">Blood Pressure Monitoring</h3>
            <div class="overflow-x-auto">
                <table class="w-full border border-gray-300 text-sm">
                    <thead class="bg-gray-50">
                        <tr>
                            <th class="border border-gray-300 px-2 py-2">Date</th>
                            <th class="border border-gray-300 px-2 py-2">Time</th>
                            <th class="border border-gray-300 px-2 py-2">Symptoms</th>
                            <th class="border border-gray-300 px-2 py-2">BP</th>
                            <th class="border border-gray-300 px-2 py-2">FHR</th>
                            <th class="border border-gray-300 px-2 py-2">Urine Protein</th>
                        </tr>
                    </thead>
                    <tbody>
                        @for($i = 1; $i <= 10; $i++)
                        @if($getData('bp_monitoring.' . $i . '.date') !== '-')
                        <tr>
                            <td class="border border-gray-300 px-2 py-2">{{ $getData('bp_monitoring.' . $i . '.date') }}</td>
                            <td class="border border-gray-300 px-2 py-2 text-center">{{ $getData('bp_monitoring.' . $i . '.time') }}</td>
                            <td class="border border-gray-300 px-2 py-2">{{ $getData('bp_monitoring.' . $i . '.symptoms') }}</td>
                            <td class="border border-gray-300 px-2 py-2 text-center">{{ $getData('bp_monitoring.' . $i . '.blood_pressure') }}</td>
                            <td class="border border-gray-300 px-2 py-2 text-center">{{ $getData('bp_monitoring.' . $i . '.fetal_heart_rate') }}</td>
                            <td class="border border-gray-300 px-2 py-2 text-center">{{ $getData('bp_monitoring.' . $i . '.urine_protein') }}</td>
                        </tr>
                        @endif
                        @endfor
                    </tbody>
                </table>
            </div>
            @break

        @default
            <div class="text-center py-8 text-gray-500">
                <i class="fas fa-file-alt text-4xl mb-3"></i>
                <p>Test data display not yet implemented for this test type.</p>
                <p class="text-sm mt-2">Test Type: {{ $testType }}</p>
            </div>
    @endswitch
</div>