@extends('layouts.app')
@section('title', 'Receive Stock — ' . $purchaseOrder->po_number)
@section('breadcrumb')<a href="{{ route('purchase-orders.index') }}" class="hover:text-white">Purchase Orders</a> <i class="fas fa-chevron-right text-xs mx-1 text-slate-600"></i> <a href="{{ route('purchase-orders.show', $purchaseOrder) }}" class="hover:text-white">{{ $purchaseOrder->po_number }}</a> <i class="fas fa-chevron-right text-xs mx-1 text-slate-600"></i> <span class="text-white">Receive</span>@endsection

@section('content')
<div class="max-w-4xl mx-auto">
<form method="POST" action="{{ route('purchase-orders.receive.store', $purchaseOrder) }}" class="space-y-6">
    @csrf

    @if($errors->any())
    <div class="card p-4 border-red-500 bg-red-900/20">
        <ul class="text-red-400 text-sm space-y-1">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
    </div>
    @endif

    <div class="card p-5">
        <h3 class="mb-4"><i class="fas fa-truck-loading text-green-400 mr-2"></i>Warehouse Receipt</h3>
        <div class="grid grid-cols-2 gap-4">
            <div>
                <label>Received Date *</label>
                <input type="date" name="received_date" value="{{ old('received_date', date('Y-m-d')) }}" class="input" required>
            </div>
            <div>
                <label>Notes</label>
                <input type="text" name="notes" value="{{ old('notes') }}" class="input" placeholder="Condition, partial delivery note…">
            </div>
        </div>
    </div>

    <div class="card overflow-hidden">
        <div class="p-4 border-b border-slate-700">
            <h3>Items to Receive</h3>
            <p class="text-xs text-slate-500 mt-1">Enter qty received for each item. Leave at 0 to skip.</p>
        </div>
        <div class="overflow-x-auto">
            <table class="w-full text-sm">
                <thead>
                    <tr class="text-xs text-slate-400 border-b border-slate-700">
                        <th class="px-4 py-3 text-left">Description</th>
                        <th class="px-4 py-3 text-left">Item Name</th>
                        <th class="px-4 py-3 text-left">SKU</th>
                        <th class="px-4 py-3 text-right">Ordered</th>
                        <th class="px-4 py-3 text-right">Received</th>
                        <th class="px-4 py-3 text-right">Outstanding</th>
                        <th class="px-4 py-3 text-right">Qty Receiving *</th>
                        <th class="px-4 py-3 text-left">Storage Location</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($purchaseOrder->items as $item)
                    <input type="hidden" name="items[{{ $loop->index }}][purchase_order_item_id]" value="{{ $item->id }}">
                    <tr class="table-row border-b border-slate-800">
                        <td class="px-4 py-3 text-white">{{ $item->description }}</td>
                        <td class="px-4 py-3 text-slate-300 font-medium">{{ $item->item_name ?? '—' }}</td>
                        <td class="px-4 py-3 font-mono text-slate-400 text-xs">{{ $item->sku ?? '—' }}</td>
                        <td class="px-4 py-3 text-right text-slate-400">{{ number_format($item->qty_ordered, 0) }}</td>
                        <td class="px-4 py-3 text-right text-green-400">{{ number_format($item->qty_received, 0) }}</td>
                        <td class="px-4 py-3 text-right {{ $item->qtyOutstanding() > 0 ? 'text-yellow-400' : 'text-slate-500' }}">{{ number_format($item->qtyOutstanding(), 0) }}</td>
                        <td class="px-4 py-3 text-right">
                            <input type="number" name="items[{{ $loop->index }}][qty_received]"
                                value="{{ old('items.'.$loop->index.'.qty_received', 0) }}"
                                step="1" min="0" max="{{ (int)$item->qtyOutstanding() }}"
                                class="input text-sm py-1.5 text-right" style="width:100px">
                        </td>
                        <td class="px-4 py-3">
                            <input type="text" name="items[{{ $loop->index }}][location]"
                                value="{{ old('items.'.$loop->index.'.location') }}"
                                class="input text-sm py-1.5" placeholder="e.g. Shelf A3" style="width:160px">
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <div class="card p-4 bg-blue-900/20 border-blue-800">
        <p class="text-sm text-blue-300"><i class="fas fa-info-circle mr-2"></i>
        Receiving stock will automatically update inventory levels for any SKU-linked items. The storage location entered here will be saved to the inventory record. The PO status will update to <strong>Partial</strong> or <strong>Received</strong> accordingly.</p>
    </div>

    <div class="flex items-center justify-between">
        <a href="{{ route('purchase-orders.show', $purchaseOrder) }}" class="btn btn-secondary"><i class="fas fa-arrow-left mr-2"></i>Cancel</a>
        <button type="submit" class="btn btn-success"><i class="fas fa-check mr-2"></i>Confirm Receipt &amp; Update Stock</button>
    </div>
</form>
</div>
@endsection