@extends('layouts.app')
@section('header_title', 'LIMS Investigation Reports')
@section('content')
<div class="bg-white rounded-2xl border shadow-sm p-6">
    <h3 class="font-bold text-[#060453] text-lg mb-6">🔬 Diagnostic Laboratory Investigations</h3>
    <table class="w-full text-left text-sm">
        <thead class="bg-gray-50 text-xs text-gray-500 uppercase">
            <tr><th class="p-4">Report Code</th><th class="p-4">Patient Demographics</th><th class="p-4">Test Description</th><th class="p-4">Status</th><th class="p-4">Consultant Sign</th><th class="p-4">Actions</th></tr>
        </thead>
        <tbody class="divide-y">
            @foreach($reports as $report)
            <tr>
                <td class="p-4 font-bold text-[#060453]">{{ $report->report_code }}</td>
                <td class="p-4">{{ $report->patient->full_name ?? 'Alhaji Musa' }}</td>
                <td class="p-4 font-semibold">{{ $report->test->test_name ?? 'CBC Test' }}</td>
                <td class="p-4"><span class="px-2.5 py-1 bg-green-100 text-green-700 rounded-full text-xs font-bold">{{ $report->status }}</span></td>
                <td class="p-4 text-xs text-green-600">✓ Signed Dr. Sarah</td>
                <td class="p-4 flex gap-2">
                    <a href="{{ route('reports.entry', $report->id) }}" class="px-3 py-1 bg-[#060453] text-white rounded text-xs font-bold">Enter Results</a>
                    <a href="{{ route('reports.print', $report->id) }}" class="px-3 py-1 bg-[#c9261a] text-white rounded text-xs font-bold">Print Card</a>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection