@extends('layouts.app')
@section('title', 'Deliveries')

@section('content')
<div class="p-4 sm:p-6 lg:p-7">
  <div class="mb-5">
    <p class="text-[17px] font-bold text-slate-900"><i class="fa-solid fa-box-open text-blue-600 mr-1.5"></i>Goods received</p>
    <p class="text-slate-400 text-[11px] mt-0.5">GRNs linked to procurement purchase orders</p>
  </div>
  @include('procurement.partials.subnav', ['procNav' => 'deliveries'])
  <div class="card p-5 card-has-table border-slate-200">
    <table>
      <thead><tr class="border-b border-slate-100"><th class="th">GRN</th><th class="th">PO</th><th class="th">Supplier</th><th class="th">Date</th><th class="th">Status</th><th class="th"></th></tr></thead>
      <tbody>
        @forelse($notes as $n)
          <tr>
            <td class="td font-mono font-semibold text-blue-600">{{ $n->grn_number }}</td>
            <td class="td"><a href="{{ route('procurement.orders.show', $n->purchase_order_id) }}" class="text-blue-600 text-[12px]">{{ $n->purchaseOrder?->po_number }}</a></td>
            <td class="td text-[12px]">{{ $n->supplier?->company_name }}</td>
            <td class="td text-[12px]">{{ $n->received_date?->format('Y-m-d') }}</td>
            <td class="td text-[11px]">{{ $n->status }}</td>
            <td class="td text-right"><a href="{{ route('procurement.deliveries.show', $n) }}" class="bsm b text-blue-700 bg-blue-50">View</a></td>
          </tr>
        @empty
          <tr><td colspan="6" class="td text-center text-slate-400 py-10">No deliveries recorded.</td></tr>
        @endforelse
      </tbody>
    </table>
    <div class="mt-4">{{ $notes->links() }}</div>
  </div>
</div>
@endsection