@extends('layouts.app')
@section('title', 'Purchase Orders')
@section('content')
<div class="d-flex justify-content-between mb-3">
    <h4>Purchase Orders</h4>
    <div>
        <a href="{{ route('admin.suppliers.index') }}" class="btn btn-outline-dark btn-sm">Suppliers</a>
        <a href="{{ route('admin.purchase-orders.create') }}" class="btn btn-dark btn-sm">+ New Purchase Order</a>
    </div>
</div>
<table class="table bg-white">
    <thead><tr><th>PO #</th><th>Supplier</th><th>Order Date</th><th>Total Cost</th><th>Status</th><th></th></tr></thead>
    <tbody>
    @foreach ($purchaseOrders as $po)
    <tr>
        <td>{{ $po->po_number }}</td>
        <td>{{ $po->supplier->name }}</td>
        <td>{{ $po->order_date?->format('d M Y') }}</td>
        <td>{{ number_format($po->total_cost, 2) }}</td>
        <td><span class="badge bg-secondary">{{ ucfirst($po->status) }}</span></td>
        <td><a href="{{ route('admin.purchase-orders.show', $po) }}" class="btn btn-sm btn-outline-dark">View</a></td>
    </tr>
    @endforeach
    </tbody>
</table>
{{ $purchaseOrders->links() }}
@endsection