@extends('layouts.app')
@section('title', 'Purchase Orders')
@section('content')
<div class="bg-white rounded-xl border shadow-sm overflow-hidden">
    <table class="w-full"><thead class="bg-gray-50"><tr><th class="table-header">PO #</th><th class="table-header">Supplier</th><th class="table-header">Amount</th><th class="table-header">Status</th><th class="table-header">Date</th></tr></thead>
    <tbody>@foreach($orders as $o)<tr class="border-b border-gray-50"><td class="table-cell font-mono text-xs">{{ $o->po_number }}</td><td class="table-cell">{{ $o->supplier->name ?? '' }}</td><td class="table-cell">KES {{ number_format($o->total_amount) }}</td><td class="table-cell"><span class="badge badge-info">{{ ucfirst($o->status) }}</span></td><td class="table-cell">{{ $o->created_at->format('d M') }}</td></tr>@endforeach</tbody></table>
    <div class="px-4 py-3 border-t">{{ $orders->links() }}</div>
</div>
@endsection