@extends('layouts.app')
@section('title', $purchaseOrder->po_number)

@php
use App\Models\PurchaseOrder as PO;
$badge = function (string $s): string {
  return match ($s) {
    'Draft' => 's', 'Pending Approval' => 'a', 'Approved' => 'b', 'Ordered' => 'v',
    'Partially Delivered' => 'a', 'Delivered' => 'g', 'Billed' => 'b', 'Paid' => 'g', 'Cancelled' => 'r',
    default => 's',
  };
};
@endphp

@section('content')
<div class="p-4 sm:p-6 lg:p-7">
  <a href="{{ route('procurement.index') }}" class="text-[11px] font-semibold text-blue-600 mb-2 inline-block">← Procurement</a>
  <div class="flex flex-col xl:flex-row xl:items-start xl:justify-between gap-3 mb-5">
    <div>
      <p class="text-[11px] text-slate-400 font-mono">{{ $purchaseOrder->po_number }}</p>
      <p class="text-[17px] font-bold text-slate-900">{{ $purchaseOrder->supplier?->company_name }}</p>
      <p class="text-slate-400 text-[11px] mt-1">Project: {{ $purchaseOrder->project?->name ?? '—' }} · PO date {{ $purchaseOrder->po_date?->format('M j, Y') }} · Expected {{ $purchaseOrder->expected_delivery_date?->format('M j, Y') ?? '—' }}</p>
      <p class="mt-2"><span class="badge {{ $badge($purchaseOrder->status) }}">{{ $purchaseOrder->status }}</span></p>
    </div>
    <div class="flex flex-wrap gap-2 items-center">
      <a href="{{ route('procurement.orders.pdf', $purchaseOrder) }}" class="bs inline-flex items-center gap-1.5 no-underline" style="padding:8px 14px"><i class="fa-regular fa-file-pdf"></i> PDF</a>
      @if($purchaseOrder->status === PO::STATUS_PENDING_APPROVAL)
        <form method="post" action="{{ route('procurement.orders.approve', $purchaseOrder) }}">@csrf @method('PUT')<button type="submit" class="bp" style="padding:8px 14px"><i class="fa-solid fa-check"></i> Approve</button></form>
      @endif
      @if($purchaseOrder->status === PO::STATUS_APPROVED)
        <form method="post" action="{{ route('procurement.orders.mark-ordered', $purchaseOrder) }}">@csrf @method('PUT')<button type="submit" class="bp" style="padding:8px 14px">Mark ordered</button></form>
      @endif
      @if($canReceive)
        <button type="button" class="bp" style="padding:8px 14px" onclick="document.getElementById('recv_ov').classList.add('open')"><i class="fa-solid fa-box-open"></i> Receive delivery</button>
      @endif
      @if(in_array($purchaseOrder->status, [PO::STATUS_DELIVERED, PO::STATUS_PARTIALLY_DELIVERED], true) && ! $hasOpenPayableBill)
        <a href="{{ route('procurement.bills.index', ['purchase_order_id' => $purchaseOrder->id]) }}" class="ba no-underline inline-flex items-center gap-1.5" style="padding:8px 14px"><i class="fa-solid fa-file-invoice-dollar"></i> Create bill</a>
      @elseif(in_array($purchaseOrder->status, [PO::STATUS_DELIVERED, PO::STATUS_PARTIALLY_DELIVERED], true))
        <span class="text-[11px] text-slate-400">Open bill exists — pay from Bills.</span>
      @endif
      @php $anyRcv = $purchaseOrder->items->sum(fn ($i) => (float) $i->quantity_received) > 0.0001; @endphp
      @if(! in_array($purchaseOrder->status, [PO::STATUS_CANCELLED, PO::STATUS_PAID], true) && ! $anyRcv)
        <form method="post" action="{{ route('procurement.orders.cancel', $purchaseOrder) }}" onsubmit="return confirm('Cancel this PO?');">@csrf @method('PUT')<button type="submit" class="bs text-red-700 bg-red-50" style="padding:8px 14px">Cancel</button></form>
      @endif
      @if($purchaseOrder->status === PO::STATUS_DRAFT)
        <form method="post" action="{{ route('procurement.orders.submit', $purchaseOrder) }}">@csrf @method('PUT')<button type="submit" class="bs" style="padding:8px 14px">Submit for approval</button></form>
      @endif
    </div>
  </div>

  @if($errors->any())<div class="card p-3 mb-4 border-red-100 bg-red-50 text-red-700 text-[13px]">{{ $errors->first() }}</div>@endif
  @if(session('success'))<div class="card p-3 mb-4 border-emerald-100 bg-emerald-50 text-emerald-800 text-[13px]">{{ session('success') }}</div>@endif

  @php
    $qtyOrdered = $purchaseOrder->items->sum(fn($i) => (float)$i->quantity_ordered);
    $qtyReceived = $purchaseOrder->items->sum(fn($i) => (float)$i->quantity_received);
  @endphp
  <div class="grid grid-cols-2 lg:grid-cols-4 gap-4 mb-5">
    <div class="stat"><p class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">Total</p><p class="text-[20px] font-bold text-slate-900 mt-2">{{ \App\Support\Format::mwk($purchaseOrder->total_amount) }}</p></div>
    <div class="stat"><p class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">Ordered qty</p><p class="text-[20px] font-bold text-slate-800 mt-2">{{ rtrim(rtrim(number_format($qtyOrdered, 3), '0'), '.') }}</p></div>
    <div class="stat"><p class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">Received qty</p><p class="text-[20px] font-bold text-emerald-600 mt-2">{{ rtrim(rtrim(number_format($qtyReceived, 3), '0'), '.') }}</p></div>
    <div class="stat"><p class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">Outstanding</p><p class="text-[20px] font-bold text-amber-600 mt-2">{{ rtrim(rtrim(number_format(max(0,$qtyOrdered-$qtyReceived), 3), '0'), '.') }}</p></div>
  </div>

  <div class="grid lg:grid-cols-2 gap-4 mb-5">
    <div class="card p-5 border-slate-200 text-[13px] space-y-1">
      <p class="font-bold text-slate-900 mb-2">Supplier</p>
      <p>{{ $purchaseOrder->supplier?->company_name }}</p>
      <p class="text-slate-500">{{ $purchaseOrder->supplier?->phone }} · {{ $purchaseOrder->supplier?->email }}</p>
      <p class="text-slate-500">Delivery: {{ $purchaseOrder->delivery_location ?? '—' }}</p>
      <p class="text-slate-600 mt-2">{{ $purchaseOrder->terms }}</p>
      <p class="text-slate-600">{{ $purchaseOrder->notes }}</p>
    </div>
    <div class="card p-5 card-has-table border-slate-200">
      <p class="font-bold text-slate-900 mb-2">Line items</p>
      <table>
        <thead><tr class="border-b border-slate-100"><th class="th">Item</th><th class="th">Ord</th><th class="th">Rcvd</th><th class="th">Unit</th><th class="th">Cost</th><th class="th">Total</th></tr></thead>
        <tbody>
          @forelse($purchaseOrder->items as $it)
            <tr>
              <td class="td">{{ $it->description }} @if($it->material)<span class="text-[10px] text-slate-400">({{ $it->material->name }})</span>@endif</td>
              <td class="td">{{ $it->quantity_ordered }}</td>
              <td class="td">{{ $it->quantity_received }}</td>
              <td class="td text-[11px]">{{ $it->unit_of_measure ?? '—' }}</td>
              <td class="td">{{ \App\Support\Format::mwk($it->unit_cost) }}</td>
              <td class="td font-semibold">{{ \App\Support\Format::mwk($it->total_cost) }}</td>
            </tr>
          @empty
            <tr><td colspan="6" class="td text-slate-500">{{ $purchaseOrder->items_description ?? 'No structured lines (legacy PO).' }}</td></tr>
          @endforelse
        </tbody>
      </table>
      <p class="text-[11px] text-slate-400 mt-3">Subtotal {{ \App\Support\Format::mwk($purchaseOrder->subtotal) }} + VAT {{ \App\Support\Format::mwk($purchaseOrder->vat_amount) }}</p>
    </div>
  </div>

  <div class="grid lg:grid-cols-2 gap-4">
    <div class="card p-5 card-has-table border-slate-200">
      <p class="font-bold text-slate-900 mb-2">Deliveries (GRN)</p>
      <table>
        <thead><tr class="border-b border-slate-100"><th class="th">GRN</th><th class="th">Date</th><th class="th">Status</th></tr></thead>
        <tbody>
          @forelse($purchaseOrder->goodsReceivedNotes as $g)
            <tr><td class="td"><a href="{{ route('procurement.deliveries.show', $g) }}" class="text-blue-600 font-mono text-[12px]">{{ $g->grn_number }}</a></td><td class="td text-[12px]">{{ $g->received_date?->format('Y-m-d') }}</td><td class="td text-[11px]">{{ $g->status }}</td></tr>
          @empty
            <tr><td colspan="3" class="td text-center text-slate-400 py-6">No receipts yet.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
    <div class="card p-5 card-has-table border-slate-200">
      <p class="font-bold text-slate-900 mb-2">Supplier bills</p>
      <table>
        <thead><tr class="border-b border-slate-100"><th class="th">Bill</th><th class="th">Balance</th><th class="th">Status</th></tr></thead>
        <tbody>
          @forelse($purchaseOrder->supplierBills as $b)
            <tr><td class="td"><a href="{{ route('procurement.bills.show', $b) }}" class="text-blue-600 font-mono text-[12px]">{{ $b->bill_number }}</a></td><td class="td">{{ \App\Support\Format::mwk($b->balance_due) }}</td><td class="td text-[11px]">{{ $b->status }}</td></tr>
          @empty
            <tr><td colspan="3" class="td text-center text-slate-400 py-6">No bills.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>
</div>

<div id="recv_ov" class="modal-ov" onclick="if(event.target===this)this.classList.remove('open')">
  <div class="modal" style="width:min(720px,96vw)" onclick="event.stopPropagation()">
    <p class="text-[15px] font-bold text-slate-900 px-5 pt-5">Post goods received (GRN)</p>
    <form method="post" action="{{ route('procurement.orders.receive', $purchaseOrder) }}" class="p-5 space-y-3">
      @csrf
      <div class="grid sm:grid-cols-3 gap-3">
        <div><label class="fl">Received date *</label><input type="date" name="received_date" class="fi" required value="{{ now()->toDateString() }}"></div>
        <div><label class="fl">Delivery note #</label><input name="delivery_note_number" class="fi"></div>
        <div class="sm:col-span-3"><label class="fl">Notes</label><input name="notes" class="fi"></div>
      </div>
      <div class="space-y-3 max-h-[50vh] overflow-y-auto">
        @foreach($purchaseOrder->items as $idx => $it)
          @php $rem = max(0, (float)$it->quantity_ordered - (float)$it->quantity_received); @endphp
          <div class="border border-slate-100 rounded-lg p-3 bg-slate-50/80 text-[12px]">
            <p class="font-semibold text-slate-800">{{ $it->description }} <span class="text-slate-400 font-normal">(remaining {{ $rem }})</span></p>
            <input type="hidden" name="lines[{{ $idx }}][purchase_order_item_id]" value="{{ $it->id }}">
            <div class="grid sm:grid-cols-4 gap-2 mt-2">
              <div><label class="fl">Qty receiving</label><input type="number" step="0.001" min="0" name="lines[{{ $idx }}][quantity_received]" class="fi" value="{{ old('lines.'.$idx.'.quantity_received', 0) }}" max="{{ $rem }}"></div>
              @if($it->material_id)
                @php $mat = $materials->firstWhere('id', $it->material_id); @endphp
                @if($mat && $mat->is_expirable)
                  <div class="sm:col-span-2"><label class="fl">Expiry *</label><input type="date" name="lines[{{ $idx }}][expiry_date]" class="fi"></div>
                @endif
                <div><label class="fl">Batch</label><input name="lines[{{ $idx }}][batch_number]" class="fi"></div>
                <div><label class="fl">Lot</label><input name="lines[{{ $idx }}][lot_number]" class="fi"></div>
                <div class="sm:col-span-2"><label class="fl">Storage</label><input name="lines[{{ $idx }}][storage_location]" class="fi"></div>
              @endif
            </div>
          </div>
        @endforeach
      </div>
      <div class="flex justify-end gap-2 pt-2"><button type="button" class="bs" onclick="document.getElementById('recv_ov').classList.remove('open')">Cancel</button><button type="submit" class="bp">Post GRN</button></div>
    </form>
  </div>
</div>
@endsection