@extends('layouts.app')
@section('title', 'Inventory')
@section('content')
<div class="flex justify-between mb-6"><div class="flex gap-2"><span class="badge badge-danger">Low Stock: {{ $lowStock }}</span></div><a href="{{ route('inventory.items.create') }}" class="btn-success">+ Add Item</a></div>
<div class="bg-white rounded-xl border shadow-sm overflow-hidden">
    <table class="w-full sortable"><thead class="bg-gray-50"><tr><th class="table-header" data-sort="string">Code</th><th class="table-header" data-sort="string">Item</th><th class="table-header" data-sort="string">Category</th><th class="table-header" data-sort="number">In Hand</th><th class="table-header" data-sort="number">Reorder</th><th class="table-header" data-sort="number">Unit Cost</th><th class="table-header" data-sort="string">Status</th></tr></thead>
    <tbody>@foreach($items as $i)<tr class="border-b border-gray-50"><td class="table-cell font-mono text-xs">{{ $i->code }}</td><td class="table-cell font-medium">{{ $i->name }}</td><td class="table-cell">{{ $i->category }}</td><td class="table-cell {{ $i->quantity_in_hand <= $i->reorder_level ? 'text-red-600 font-bold' : '' }}">{{ $i->quantity_in_hand }}</td><td class="table-cell">{{ $i->reorder_level }}</td><td class="table-cell">KES {{ number_format($i->unit_cost) }}</td><td class="table-cell">@if($i->quantity_in_hand <= $i->reorder_level)<span class="badge badge-danger">Low</span>@else<span class="badge badge-success">OK</span>@endif</td></tr>@endforeach</tbody></table>
    <div class="px-4 py-3 border-t">{{ $items->links() }}</div>
</div>
@endsection