@extends('layouts.app')
@section('title', $note->grn_number)

@section('content')
<div class="p-4 sm:p-6 lg:p-7">
  <a href="{{ route('procurement.deliveries.index') }}" class="text-[11px] font-semibold text-blue-600 mb-2 inline-block">← Deliveries</a>
  <p class="text-[17px] font-bold text-slate-900 font-mono">{{ $note->grn_number }}</p>
  <p class="text-slate-400 text-[11px] mt-1">PO <a href="{{ route('procurement.orders.show', $note->purchase_order_id) }}" class="text-blue-600">{{ $note->purchaseOrder?->po_number }}</a> · {{ $note->received_date?->format('M j, Y') }}</p>
  <div class="card p-5 mt-4 card-has-table border-slate-200">
    <table>
      <thead><tr class="border-b border-slate-100"><th class="th">Description</th><th class="th">Qty</th><th class="th">Unit cost</th><th class="th">Total</th></tr></thead>
      <tbody>
        @foreach($note->items as $li)
          <tr>
            <td class="td">{{ $li->description }}</td>
            <td class="td">{{ $li->quantity_received }}</td>
            <td class="td">{{ \App\Support\Format::mwk($li->unit_cost) }}</td>
            <td class="td font-semibold">{{ \App\Support\Format::mwk($li->total_cost) }}</td>
          </tr>
        @endforeach
      </tbody>
    </table>
  </div>
</div>
@endsection