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

@section('content')
@php
  $sb = match ($order->status) {
    'Received', 'Billed' => 'g',
    'Cancelled' => 's',
    'Partially Received' => 'a',
    default => 'b',
  };
@endphp
<div class="p-4 sm:p-6 lg:p-7">
  <a href="{{ route('inventory.purchases.index') }}" class="text-[12px] text-blue-600 font-medium no-underline inline-flex items-center gap-1 mb-3"><i class="fa-solid fa-arrow-left"></i> Purchases</a>

  <div class="flex flex-col lg:flex-row lg:items-start lg:justify-between gap-3 mb-5">
    <div>
      <p class="text-[17px] font-bold text-slate-900 font-mono">{{ $order->po_number }}</p>
      <p class="text-slate-400 text-[11px] mt-0.5">{{ $order->supplier?->company_name }} @if($order->project) · {{ $order->project->name }} @endif</p>
      <span class="badge {{ $sb }} mt-2">{{ $order->status }}</span>
    </div>
    <div class="flex flex-wrap gap-2">
      @if(in_array($order->status, ['Draft', 'Ordered'], true))
        <form method="post" action="{{ route('inventory.purchases.cancel', $order) }}" onsubmit="return confirm('Cancel this PO?');" class="inline">
          @csrf
          @method('PUT')
          <button type="submit" class="bs inline-flex items-center gap-1.5" style="padding:8px 14px;font-size:13px;border-radius:9px">Cancel PO</button>
        </form>
      @endif
      <a href="{{ route('inventory.bills.index') }}" class="bs inline-flex items-center gap-1.5 no-underline" style="padding:8px 14px;font-size:13px;border-radius:9px"><i class="fa-solid fa-file-invoice-dollar"></i> Bills</a>
    </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

  <div class="grid sm:grid-cols-3 gap-4 mb-6">
    <div class="stat border-slate-200"><p class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">PO date</p><p class="text-[15px] font-bold mt-2">{{ $order->po_date?->format('Y-m-d') }}</p></div>
    <div class="stat border-slate-200"><p class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">Expected</p><p class="text-[15px] font-bold mt-2">{{ $order->expected_delivery_date?->format('Y-m-d') ?? '—' }}</p></div>
    <div class="stat border-slate-200"><p class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">Total</p><p class="text-[15px] font-bold mt-2">{{ \App\Support\Format::mwkDecimal($order->total_amount) }}</p></div>
  </div>

  <div class="card p-5 border-slate-200 mb-6 card-has-table">
    <p class="font-bold text-slate-900 mb-3">Line items</p>
    <table>
      <thead><tr class="border-b border-slate-100"><th class="th">Material</th><th class="th">Ordered</th><th class="th">Received</th><th class="th">Unit cost</th><th class="th">Line total</th></tr></thead>
      <tbody>
        @foreach($order->items as $it)
          <tr>
            <td class="td font-medium">{{ $it->material?->name }}</td>
            <td class="td">{{ rtrim(rtrim((string) $it->quantity_ordered, '0'), '.') }}</td>
            <td class="td">{{ rtrim(rtrim((string) $it->quantity_received, '0'), '.') }}</td>
            <td class="td">{{ \App\Support\Format::mwkDecimal($it->unit_cost) }}</td>
            <td class="td">{{ \App\Support\Format::mwkDecimal($it->total_cost) }}</td>
          </tr>
        @endforeach
      </tbody>
    </table>
    @if($order->notes)
      <p class="text-[12px] text-slate-500 mt-3"><span class="font-semibold text-slate-600">Notes:</span> {{ $order->notes }}</p>
    @endif
  </div>

  @php
    $receivable = $order->items->filter(fn ($it) => (float) $it->quantity_received < (float) $it->quantity_ordered - 0.0001);
  @endphp
  @if($receivable->isNotEmpty() && ! in_array($order->status, ['Cancelled', 'Received', 'Billed'], true))
    <div class="card p-5 border-slate-200 mb-6" id="receive">
      <p class="font-bold text-slate-900 mb-3">Receive stock</p>
      <form method="post" action="{{ route('inventory.purchases.receive', $order) }}">
        @csrf
        <div class="grid sm:grid-cols-2 gap-3 mb-4">
          <div><label class="fl">Received date</label><input type="date" name="received_date" class="fi" required value="{{ now()->format('Y-m-d') }}"></div>
          <div><label class="fl">Reference</label><input name="reference" class="fi" maxlength="100"></div>
          <div class="sm:col-span-2"><label class="fl">Notes</label><input name="notes" class="fi" maxlength="1000"></div>
        </div>
        <div class="overflow-x-auto border border-slate-100 rounded-xl">
          <table class="text-[12px]">
            <thead><tr class="bg-slate-50"><th class="th">Material</th><th class="th">Ordered</th><th class="th">Already recv.</th><th class="th">Qty receiving</th><th class="th">Unit cost</th><th class="th">Batch</th><th class="th">Lot</th><th class="th">Expiry</th><th class="th">Location</th></tr></thead>
            <tbody>
              @foreach($receivable as $idx => $it)
                @php $rem = (float) $it->quantity_ordered - (float) $it->quantity_received; @endphp
                <tr>
                  <td class="td">{{ $it->material?->name }}<input type="hidden" name="lines[{{ $idx }}][material_id]" value="{{ $it->material_id }}"></td>
                  <td class="td">{{ rtrim(rtrim((string) $it->quantity_ordered, '0'), '.') }}</td>
                  <td class="td">{{ rtrim(rtrim((string) $it->quantity_received, '0'), '.') }}</td>
                  <td class="td"><input type="number" step="0.001" min="0.001" max="{{ $rem }}" name="lines[{{ $idx }}][quantity]" class="fi" placeholder="0"></td>
                  <td class="td"><input type="number" step="0.01" min="0" name="lines[{{ $idx }}][unit_cost]" class="fi" value="{{ $it->unit_cost }}" required></td>
                  <td class="td"><input name="lines[{{ $idx }}][batch_number]" class="fi" maxlength="100"></td>
                  <td class="td"><input name="lines[{{ $idx }}][lot_number]" class="fi" maxlength="100"></td>
                  <td class="td"><input type="date" name="lines[{{ $idx }}][expiry_date]" class="fi"></td>
                  <td class="td"><input name="lines[{{ $idx }}][storage_location]" class="fi" maxlength="255"></td>
                </tr>
              @endforeach
            </tbody>
          </table>
        </div>
        <p class="text-[11px] text-slate-400 mt-2">Leave quantity blank or zero to skip a line. At least one line must have quantity &gt; 0.</p>
        <button type="submit" class="ba mt-4" style="padding:8px 16px;font-size:13px;border-radius:9px">Post receipt</button>
      </form>
    </div>
  @endif
</div>
@endsection