@extends('layouts.mother')

@section('content')
<div class="container mx-auto px-4 py-8">
    <!-- Include the specific test view file -->
    @if(view()->exists("mother.health-records.tests.{$testResult->test_type}"))
        @include("mother.health-records.tests.{$testResult->test_type}", [
            'record' => $record,
            'testResult' => $testResult
        ])
    @else
        <!-- Fallback: Test Header + Generic Display -->
        <div class="bg-white rounded-lg shadow-md p-6 mb-6">
            <div class="flex items-start justify-between">
                <div class="flex-1">
                    <h1 class="text-2xl font-bold text-gray-900 mb-4">
                        <i class="fas fa-vial text-purple-600 mr-2"></i>
                        {{ $testResult->test_name }}
                    </h1>

                    <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
                        <div>
                            <div class="text-sm text-gray-600">Visit Date</div>
                            <div class="font-semibold text-gray-900">{{ $record->visit_date->format('d M Y') }}</div>
                        </div>
                        <div>
                            <div class="text-sm text-gray-600">Test Performed</div>
                            <div class="font-semibold text-gray-900">{{ $testResult->performed_at->format('d M Y, h:i A') }}</div>
                        </div>
                        <div>
                            <div class="text-sm text-gray-600">Performed By</div>
                            <div class="font-semibold text-gray-900">{{ $testResult->performedByNurse->name }}</div>
                        </div>
                        <div>
                            <div class="text-sm text-gray-600">Clinic</div>
                            <div class="font-semibold text-gray-900">{{ $record->clinic->name }}</div>
                        </div>
                    </div>
                </div>

                <!-- Action Buttons -->
                <div class="ml-6 flex flex-col space-y-2">
                    @if($record->status === 'completed' || $record->status === 'reviewed')
                    <a href="{{ route('mother.health-records.test-export', [$record, $testResult->test_type]) }}"
                       class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors duration-200">
                        <i class="fas fa-file-pdf mr-2"></i>
                        Download PDF
                    </a>
                    @endif
                </div>
            </div>
        </div>

        <!-- Test Data Display (Read-Only) -->
        <div class="bg-white rounded-lg shadow-md p-6">
            @php
                $testData = $testResult->test_data ?? [];
            @endphp

            @if(empty($testData))
                <div class="text-center py-8 text-gray-500">
                    <i class="fas fa-inbox text-4xl mb-3"></i>
                    <p>No test data available.</p>
                </div>
            @else
                <!-- Display test data based on test type -->
                @include('mother.health-records.partials.test-data-display', [
                    'testType' => $testResult->test_type,
                    'testData' => $testData,
                    'testResult' => $testResult
                ])
            @endif
        </div>
    @endif
</div>
@endsection