@extends('layouts.app')

@section('title', 'Laboratory Management System (LIS)')

@section('content')
<div class="space-y-6">
    <!-- Header with Quick Action Buttons -->
    <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
        <div>
            <h1 class="text-2xl font-bold text-slate-800">Laboratory Information System (LIS)</h1>
            <p class="text-sm text-slate-500">Diagnostic orders, sample accessioning, result entry & pathologist verification</p>
        </div>
        <div class="flex items-center space-x-3">
            <a href="{{ route('laboratory.accession') }}" class="px-4 py-2.5 bg-teal-600 hover:bg-teal-700 text-white rounded-lg text-sm font-semibold shadow-xs flex items-center">
                <i class="fa-solid fa-barcode mr-2"></i> Sample Accessioning
            </a>
        </div>
    </div>

    <!-- Status Filters Bar -->
    <div class="flex flex-wrap gap-2">
        <a href="{{ route('laboratory.index') }}" class="px-3.5 py-1.5 rounded-lg text-xs font-semibold {{ empty($status) ? 'bg-hospital-600 text-white shadow-xs' : 'bg-white text-slate-600 border border-slate-200 hover:bg-slate-50' }}">
            All Orders
        </a>
        <a href="{{ route('laboratory.index', ['status' => 'pending']) }}" class="px-3.5 py-1.5 rounded-lg text-xs font-semibold {{ $status === 'pending' ? 'bg-amber-600 text-white shadow-xs' : 'bg-white text-slate-600 border border-slate-200 hover:bg-slate-50' }}">
            Pending Collection
        </a>
        <a href="{{ route('laboratory.index', ['status' => 'sample_collected']) }}" class="px-3.5 py-1.5 rounded-lg text-xs font-semibold {{ $status === 'sample_collected' ? 'bg-teal-600 text-white shadow-xs' : 'bg-white text-slate-600 border border-slate-200 hover:bg-slate-50' }}">
            Samples Received
        </a>
        <a href="{{ route('laboratory.index', ['status' => 'in_progress']) }}" class="px-3.5 py-1.5 rounded-lg text-xs font-semibold {{ $status === 'in_progress' ? 'bg-indigo-600 text-white shadow-xs' : 'bg-white text-slate-600 border border-slate-200 hover:bg-slate-50' }}">
            In Testing
        </a>
        <a href="{{ route('laboratory.index', ['status' => 'verified']) }}" class="px-3.5 py-1.5 rounded-lg text-xs font-semibold {{ $status === 'verified' ? 'bg-emerald-600 text-white shadow-xs' : 'bg-white text-slate-600 border border-slate-200 hover:bg-slate-50' }}">
            Verified & Released
        </a>
    </div>

    <!-- Orders Table -->
    <div class="bg-white rounded-xl shadow-sm border border-slate-200 overflow-hidden">
        <div class="overflow-x-auto">
            <table class="w-full text-left text-xs">
                <thead class="bg-slate-100 text-slate-600 uppercase font-semibold border-b border-slate-200">
                    <tr>
                        <th class="px-4 py-3.5">Order No / Date</th>
                        <th class="px-4 py-3.5">Patient Details</th>
                        <th class="px-4 py-3.5">Referring Consultant</th>
                        <th class="px-4 py-3.5">Investigation(s)</th>
                        <th class="px-4 py-3.5">Priority</th>
                        <th class="px-4 py-3.5">Status</th>
                        <th class="px-4 py-3.5 text-right">Actions</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-slate-100">
                    @forelse($orders as $order)
                        <tr class="hover:bg-slate-50/70 transition">
                            <td class="px-4 py-3.5">
                                <div class="font-mono font-bold text-slate-900 text-sm">{{ $order->order_number }}</div>
                                <div class="text-[10px] text-slate-400 mt-0.5">{{ $order->order_date->format('d M Y, h:i A') }}</div>
                            </td>
                            <td class="px-4 py-3.5">
                                <div class="font-bold text-slate-900">{{ $order->patient->full_name }}</div>
                                <div class="text-[10px] text-slate-500">
                                    <span class="font-mono text-hospital-700">{{ $order->patient->patient_id }}</span> • 
                                    <span>{{ $order->patient->age_formatted }} / {{ ucfirst($order->patient->gender) }}</span>
                                </div>
                            </td>
                            <td class="px-4 py-3.5">
                                <div class="font-semibold text-slate-800">{{ $order->doctor->full_name ?? 'Hospital OPD' }}</div>
                                <div class="text-[10px] text-slate-400">{{ $order->doctor->speciality ?? 'General' }}</div>
                            </td>
                            <td class="px-4 py-3.5">
                                <div class="flex flex-wrap gap-1 max-w-xs">
                                    @foreach($order->items as $item)
                                        <span class="px-2 py-0.5 rounded bg-slate-100 text-slate-700 text-[10px] font-semibold border border-slate-200">
                                            {{ $item->test->test_name }}
                                        </span>
                                    @endforeach
                                </div>
                            </td>
                            <td class="px-4 py-3.5">
                                <span class="px-2 py-0.5 rounded-full text-[10px] font-bold uppercase {{ $order->priority === 'stat' ? 'bg-rose-100 text-rose-800 animate-pulse' : ($order->priority === 'urgent' ? 'bg-amber-100 text-amber-800' : 'bg-slate-100 text-slate-600') }}">
                                    {{ $order->priority }}
                                </span>
                            </td>
                            <td class="px-4 py-3.5">
                                <span class="px-2.5 py-1 rounded-full text-[10px] font-bold uppercase {{ match($order->status) {
                                    'verified' => 'bg-emerald-100 text-emerald-800',
                                    'in_progress' => 'bg-indigo-100 text-indigo-800',
                                    'sample_collected' => 'bg-teal-100 text-teal-800',
                                    'pending' => 'bg-amber-100 text-amber-800',
                                    default => 'bg-slate-100 text-slate-700'
                                } }}">
                                    {{ str_replace('_', ' ', $order->status) }}
                                </span>
                            </td>
                            <td class="px-4 py-3.5 text-right space-x-1.5 whitespace-nowrap">
                                <a href="{{ route('laboratory.enter-results', $order->id) }}" class="px-2.5 py-1.5 bg-hospital-50 hover:bg-hospital-100 text-hospital-700 rounded text-xs font-semibold border border-hospital-200">
                                    <i class="fa-solid fa-square-pen mr-1"></i> Enter Results
                                </a>
                                @if($order->status === 'verified')
                                    <a href="{{ route('laboratory.print-report', $order->id) }}" target="_blank" class="px-2.5 py-1.5 bg-emerald-50 hover:bg-emerald-100 text-emerald-700 rounded text-xs font-semibold border border-emerald-200">
                                        <i class="fa-solid fa-file-pdf mr-1"></i> Report
                                    </a>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="py-12 text-center text-slate-400">
                                <i class="fa-solid fa-flask-vial text-3xl mb-2 text-slate-300"></i>
                                <p class="font-medium text-sm">No laboratory orders found for this criteria.</p>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if($orders->hasPages())
            <div class="px-4 py-3 border-t border-slate-200 bg-slate-50">
                {{ $orders->links() }}
            </div>
        @endif
    </div>
</div>
@endsection