@extends('layouts.admin')
@section('title','PO '.$order->number)
@section('content')
@php
  $label = fn (string $v) => ucwords(str_replace(['_', '-'], ' ', $v));
  $statusTone = match ($order->status) {
      'draft' => 'muted',
      'ordered' => 'info',
      'partial' => 'warning',
      'received' => 'success',
      'canceled' => 'danger',
      default => 'muted',
  };
  $ordered = (int) $order->lines->sum('quantity_ordered');
  $received = (int) $order->lines->sum('quantity_received');
  $pct = $ordered > 0 ? (int) round(($received / $ordered) * 100) : 0;
@endphp

<x-admin.page
    title="{{ $order->number }}"
    subtitle="{{ $order->supplier_name ?? $order->supplier?->name }} · {{ $order->location?->name }}"
>
    <x-slot:actions>
        <a href="{{ route('admin.purchase-orders.index') }}" class="admin-btn">
            <i data-lucide="arrow-left" class="h-3.5 w-3.5"></i>
            All POs
        </a>
        <a href="{{ route('admin.purchase-orders.pdf', $order) }}" target="_blank" class="admin-btn">
            <i data-lucide="file-text" class="h-3.5 w-3.5"></i>
            Print / PDF
        </a>
        <form method="post" action="{{ route('admin.purchase-orders.duplicate', $order) }}">
            @csrf
            <button type="submit" class="admin-btn">
                <i data-lucide="copy" class="h-3.5 w-3.5"></i>
                Duplicate
            </button>
        </form>
        @if($order->isDraft())
            <form method="post" action="{{ route('admin.purchase-orders.cancel', $order) }}" onsubmit="return confirm('Cancel this draft PO?')">
                @csrf
                <button type="submit" class="admin-btn">Cancel draft</button>
            </form>
            <form method="post" action="{{ route('admin.purchase-orders.order', $order) }}" onsubmit="return confirm('Mark ordered and post incoming inventory?')">
                @csrf
                <button type="submit" class="admin-btn admin-btn-primary">Mark ordered</button>
            </form>
        @endif
    </x-slot:actions>

    @if($errors->any())
        <div class="mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">
            {{ $errors->first() }}
        </div>
    @endif

    <div class="order-ops-stat-rail mb-6">
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Status</span>
            <span class="order-ops-stat-value text-base"><x-admin.badge :tone="$statusTone">{{ $label($order->status) }}</x-admin.badge></span>
            <span class="order-ops-stat-meta">{{ $order->createdBy?->name ?? 'System' }}</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Value</span>
            <span class="order-ops-stat-value text-xl">{{ $order->money() }}</span>
            <span class="order-ops-stat-meta">{{ $order->lines->count() }} lines</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Ordered</span>
            <span class="order-ops-stat-value">{{ number_format($ordered) }}</span>
            <span class="order-ops-stat-meta">{{ $order->ordered_at?->diffForHumans() ?? 'Not ordered yet' }}</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Received</span>
            <span class="order-ops-stat-value">{{ number_format($received) }}</span>
            <span class="order-ops-stat-meta">{{ $pct }}% complete</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Warehouse</span>
            <span class="order-ops-stat-value text-lg">{{ $order->location?->code ?? '—' }}</span>
            <span class="order-ops-stat-meta">{{ $order->location?->name }}</span>
        </div>
    </div>

    <div class="mb-6 h-2 overflow-hidden rounded-full bg-[#e4e5e7]">
        <div class="h-full rounded-full bg-[#202223]" style="width: {{ $pct }}%"></div>
    </div>

    <div class="grid gap-4 lg:grid-cols-3">
        <div class="lg:col-span-2 space-y-4">
            @if($order->canReceive())
                <form id="receive" method="post" action="{{ route('admin.purchase-orders.receive', $order) }}" class="rounded-xl border border-[var(--color-admin-border)] bg-white p-5">
                    @csrf
                    <h2 class="mb-1 text-sm font-semibold text-[#202223]">Receive stock</h2>
                    <p class="mb-4 text-xs text-[#6d7175]">Accepted units convert incoming → available. Rejected units are logged and stay off stock.</p>
                    <div class="overflow-x-auto">
                        <table class="w-full text-sm">
                            <thead>
                                <tr class="text-left text-xs text-[#8c9196]">
                                    <th class="pb-2">SKU</th>
                                    <th>Remaining</th>
                                    <th>Accept</th>
                                    <th>Reject</th>
                                    <th>Reason</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($order->lines as $line)
                                    <tr class="border-t border-black/5">
                                        <td class="py-2">
                                            <div class="font-medium">{{ $line->sku ?? $line->variant?->sku ?? '—' }}</div>
                                            <div class="text-xs text-[#8c9196]">{{ $line->title }}</div>
                                        </td>
                                        <td class="tabular-nums">{{ $line->remainingToReceive() }}</td>
                                        <td>
                                            <input type="number" name="line_qty[{{ $line->id }}][accepted]" min="0" max="{{ $line->remainingToReceive() }}" value="{{ $line->remainingToReceive() }}" class="admin-input w-24" @disabled($line->remainingToReceive() < 1)>
                                        </td>
                                        <td>
                                            <input type="number" name="line_qty[{{ $line->id }}][rejected]" min="0" value="0" class="admin-input w-20" @disabled($line->remainingToReceive() < 1)>
                                        </td>
                                        <td>
                                            <input type="text" name="line_qty[{{ $line->id }}][reason]" class="admin-input w-40" placeholder="Damage, short…">
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <label class="mt-4 block text-xs font-medium text-[#6d7175]">Receipt notes
                        <input type="text" name="notes" class="admin-input mt-1 w-full max-w-lg" placeholder="Dock reference, carrier, inspector…">
                    </label>
                    <button type="submit" class="admin-btn admin-btn-primary mt-4">Post receipt</button>
                </form>
            @endif

            <div class="rounded-xl border border-[var(--color-admin-border)] bg-white p-5">
                <h2 class="mb-3 text-sm font-semibold text-[#202223]">Line board</h2>
                <div class="overflow-x-auto">
                    <table class="w-full text-sm">
                        <thead>
                            <tr class="text-left text-xs text-[#8c9196]">
                                <th class="pb-2">SKU / Title</th>
                                <th>Ordered</th>
                                <th>Received</th>
                                <th>Rejected</th>
                                <th>Unit cost</th>
                                <th>Line total</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($order->lines as $line)
                                <tr class="border-t border-black/5">
                                    <td class="py-2">
                                        <div class="font-medium">{{ $line->sku ?? '—' }}</div>
                                        <div class="text-xs text-[#8c9196]">{{ $line->title }}</div>
                                    </td>
                                    <td class="tabular-nums font-semibold">{{ $line->quantity_ordered }}</td>
                                    <td class="tabular-nums">{{ $line->quantity_received }}</td>
                                    <td class="tabular-nums">{{ $line->quantity_rejected }}</td>
                                    <td class="tabular-nums">{{ number_format($line->unit_cost_cents / 100, 2) }}</td>
                                    <td class="tabular-nums font-medium">{{ number_format($line->lineTotalCents() / 100, 2) }}</td>
                                    <td class="text-right">
                                        @if($order->isDraft())
                                            <form method="post" action="{{ route('admin.purchase-orders.lines.destroy', [$order, $line]) }}" class="inline">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="text-xs text-red-700 hover:underline">Remove</button>
                                            </form>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                @if($order->isDraft())
                    <form method="post" action="{{ route('admin.purchase-orders.lines.store', $order) }}" class="mt-4 grid gap-3 lg:grid-cols-12">
                        @csrf
                        <label class="block text-xs font-medium text-[#6d7175] lg:col-span-5">Add SKU
                            <select name="variant_id" class="admin-input mt-1 w-full">
                                <option value="">Select catalog SKU…</option>
                                @foreach($catalog as $item)
                                    <option value="{{ $item['variant_id'] }}">{{ $item['sku'] }} — {{ $item['title'] }}</option>
                                @endforeach
                            </select>
                        </label>
                        <label class="block text-xs font-medium text-[#6d7175] lg:col-span-2">Qty
                            <input type="number" name="quantity" min="1" value="1" required class="admin-input mt-1 w-full">
                        </label>
                        <label class="block text-xs font-medium text-[#6d7175] lg:col-span-3">Unit cost (AUD)
                            <input type="number" name="unit_cost" min="0" step="0.01" class="admin-input mt-1 w-full" placeholder="Optional">
                        </label>
                        <div class="flex items-end lg:col-span-2">
                            <button type="submit" class="admin-btn admin-btn-primary w-full">Add</button>
                        </div>
                    </form>
                @endif
            </div>
        </div>

        <div class="space-y-4">
            <form method="post" action="{{ route('admin.purchase-orders.notes', $order) }}" class="rounded-xl border border-[var(--color-admin-border)] bg-white p-5">
                @csrf
                <h2 class="mb-3 text-sm font-semibold text-[#202223]">Procurement details</h2>
                <label class="mb-3 block text-xs font-medium text-[#6d7175]">Supplier reference
                    <input type="text" name="supplier_reference" value="{{ $order->supplier_reference }}" class="admin-input mt-1 w-full" @disabled($order->status === 'canceled')>
                </label>
                <label class="mb-3 block text-xs font-medium text-[#6d7175]">Expected delivery
                    <input type="date" name="expected_at" value="{{ $order->expected_at?->toDateString() }}" class="admin-input mt-1 w-full" @disabled($order->status === 'canceled')>
                </label>
                <label class="block text-xs font-medium text-[#6d7175]">Notes
                    <textarea name="notes" rows="4" class="admin-input mt-1 w-full" @disabled($order->status === 'canceled')>{{ $order->notes }}</textarea>
                </label>
                @if($order->status !== 'canceled')
                    <button type="submit" class="admin-btn mt-3">Save details</button>
                @endif
                @if($order->isOverdue())
                    <p class="mt-3 text-xs font-medium text-red-700">This PO is past its expected delivery date.</p>
                @endif
            </form>

            <div class="rounded-xl border border-[var(--color-admin-border)] bg-white p-5">
                <h2 class="mb-3 text-sm font-semibold text-[#202223]">Receipt log</h2>
                <div class="space-y-3">
                    @forelse($order->receipts as $receipt)
                        <div class="rounded-lg border border-black/5 bg-[#fafbfb] p-3 text-sm">
                            <div class="flex items-center justify-between gap-2">
                                <div class="font-medium">{{ $receipt->number }}</div>
                                <x-admin.badge tone="success">GRNI</x-admin.badge>
                            </div>
                            <div class="mt-1 text-xs text-[#6d7175]">
                                {{ $receipt->received_at?->diffForHumans() }}
                                · {{ $receipt->receivedBy?->name ?? 'System' }}
                            </div>
                            <div class="mt-1 text-xs text-[#8c9196]">
                                Accepted {{ $receipt->lines->sum('quantity_accepted') }}
                                @if($receipt->lines->sum('quantity_rejected') > 0)
                                    · Rejected {{ $receipt->lines->sum('quantity_rejected') }}
                                @endif
                            </div>
                            @if($receipt->notes)
                                <div class="mt-1 text-xs">{{ $receipt->notes }}</div>
                            @endif
                        </div>
                    @empty
                        <p class="text-sm text-[#8c9196]">No receipts yet.</p>
                    @endforelse
                </div>
            </div>
        </div>
    </div>
</x-admin.page>
@endsection