@extends('layouts.app')
@section('header_title', 'Procurement & Supplier Management')
@section('content')
<div class="space-y-6">
    <div class="bg-white p-6 rounded-2xl border flex items-center justify-between">
        <h3 class="font-bold text-[#060453] text-lg">🚚 Purchase Orders & Reagents Supply Chain</h3>
        <a href="{{ route('procurement.create_po') }}" class="bg-[#060453] text-white px-4 py-2 rounded-xl font-bold text-sm">+ Create Purchase Order</a>
    </div>
    <div class="bg-white rounded-2xl border p-6">
        <table class="w-full text-left text-sm">
            <thead class="bg-gray-50 text-xs uppercase text-gray-500"><tr><th class="p-3">PO Number</th><th class="p-3">Supplier</th><th class="p-3">Order Date</th><th class="p-3">Expected Delivery</th><th class="p-3">Total Amount</th><th class="p-3">Status</th></tr></thead>
            <tbody class="divide-y">
                @foreach($orders as $po)
                <tr><td class="p-3 font-bold">{{ $po->po_number }}</td><td class="p-3">{{ $po->supplier->name ?? 'Mindray' }}</td><td class="p-3">{{ $po->order_date }}</td><td class="p-3">{{ $po->expected_delivery_date }}</td><td class="p-3 font-mono font-bold">₦{{ number_format($po->total_amount, 2) }}</td><td class="p-3"><span class="px-2 py-0.5 bg-green-100 text-green-700 rounded text-xs font-bold">{{ $po->status }}</span></td></tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection