@extends('layouts.app')
@section('header_title', 'Reagents & Enterprise Inventory')
@section('content')
<div class="space-y-6">
    <div class="bg-white p-6 rounded-2xl border shadow-sm flex items-center justify-between">
        <h3 class="font-bold text-[#060453] text-lg">📦 Central Warehouse Reagents Stock</h3>
        <a href="{{ route('inventory.scanner') }}" class="bg-[#c9261a] text-white px-4 py-2 rounded-xl font-bold text-sm shadow">📷 Open Barcode Scanner Terminal</a>
    </div>
    <div class="bg-white rounded-2xl border shadow-sm overflow-hidden">
        <table class="w-full text-left text-sm">
            <thead class="bg-gray-50 text-xs text-gray-500 uppercase">
                <tr><th class="p-4">SKU / Barcode</th><th class="p-4">Item Name</th><th class="p-4">Type</th><th class="p-4">Batch / Lot</th><th class="p-4">Expiry Date</th><th class="p-4">Stock Qty</th></tr>
            </thead>
            <tbody class="divide-y">
                @foreach($items as $item)
                <tr>
                    <td class="p-4 font-mono font-bold text-[#060453]">{{ $item->sku }}<br><span class="text-xs text-gray-400">{{ $item->barcode }}</span></td>
                    <td class="p-4 font-bold">{{ $item->name }}</td>
                    <td class="p-4"><span class="px-2 py-1 bg-indigo-50 text-indigo-700 rounded text-xs">{{ $item->item_type }}</span></td>
                    <td class="p-4 text-xs font-mono">{{ $item->batch_number }} ({{ $item->lot_number }})</td>
                    <td class="p-4 text-xs">{{ $item->expiry_date }}</td>
                    <td class="p-4 font-black text-base {{ $item->quantity <= $item->reorder_level ? 'text-red-600 animate-pulse' : 'text-green-600' }}">{{ $item->quantity }} {{ $item->unit }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection