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

@section('content')
<div class="max-w-4xl space-y-6" x-data="{ ...modal() }">
    <div class="flex items-center justify-between">
        <div>
            <h1 class="text-xl font-bold">{{ $order->po_number }}</h1>
            <p class="text-sm text-ink-muted">
                <a href="{{ route('purchasing.suppliers.ledger', $order->supplier) }}" class="hover:underline">{{ $order->supplier->name }}</a>
                &middot; {{ $order->store->name }}
            </p>
        </div>
        <x-badge color="{{ ['pending'=>'amber','approved'=>'teal','received'=>'emerald'][$order->status] ?? 'slate' }}">{{ ucfirst($order->status) }}</x-badge>
    </div>

    <div class="card overflow-x-auto">
        <table class="data-table">
            <thead><tr><th>Product</th><th class="text-right">Ordered</th><th class="text-right">Received</th><th>Expiry</th><th class="text-right">Unit cost</th><th class="text-right">Line total</th></tr></thead>
            <tbody>
                @foreach ($order->items as $item)
                    <tr>
                        <td class="font-medium">{{ $item->product->name }}</td>
                        <td class="text-right">{{ number_format($item->quantity, 2) }}</td>
                        <td class="text-right {{ $item->received_quantity < $item->quantity ? 'text-accent-600 font-semibold' : 'text-success' }}">{{ number_format($item->received_quantity, 2) }}</td>
                        <td>{{ $item->expiry_date?->format('d M Y') ?? '—' }}</td>
                        <td class="text-right">{{ number_format($item->unit_cost, 2) }}</td>
                        <td class="text-right font-semibold">{{ number_format($item->line_total, 2) }}</td>
                    </tr>
                @endforeach
            </tbody>
            <tfoot><tr class="font-bold"><td colspan="5" class="px-4 py-3 text-right">Total</td><td class="px-4 py-3 text-right">{{ number_format($order->total_amount, 2) }}</td></tr></tfoot>
        </table>
    </div>

    <div class="flex gap-2">
        @if ($order->status === 'pending' && auth()->user()->can('purchase_orders.approve'))
            <form method="POST" action="{{ route('purchasing.orders.approve', $order) }}">
                @csrf
                <button class="btn-primary btn-sm"><i data-lucide="check" class="w-3.5 h-3.5"></i> Approve</button>
            </form>
        @endif
        @if (in_array($order->status, ['approved']) && $order->items->sum('received_quantity') < $order->items->sum('quantity'))
            @can('purchase_orders.receive')
            <button class="btn-primary btn-sm" x-on:click="$dispatch('open-modal-receive')"><i data-lucide="package-check" class="w-3.5 h-3.5"></i> Receive goods</button>
            @endcan
        @endif
        @if ($order->items->sum(fn ($i) => $i->returnableQuantity()) > 0)
            @can('supplier_returns.create')
            <button class="btn-secondary btn-sm" x-on:click="$dispatch('open-modal-return')"><i data-lucide="undo-2" class="w-3.5 h-3.5"></i> Return goods</button>
            @endcan
        @endif
    </div>

    @if ($order->goodsReceivedNotes->isNotEmpty())
        <div class="card card-pad">
            <h2 class="font-display font-bold text-sm mb-3">Goods received notes</h2>
            <div class="space-y-2">
                @foreach ($order->goodsReceivedNotes as $grn)
                    <div class="flex items-center justify-between p-2.5 rounded-lg border border-border text-sm">
                        <span>{{ $grn->grn_number }} &middot; {{ $grn->receivedBy->name ?? '—' }}</span>
                        <span class="text-ink-muted">{{ $grn->received_date->format('d M Y') }}</span>
                    </div>
                @endforeach
            </div>
        </div>
    @endif

    <x-modal id="receive" title="Receive goods" maxWidth="lg">
        <form method="POST" action="{{ route('purchasing.orders.receive', $order) }}" id="receive-form" class="space-y-4">
            @csrf
            <div class="space-y-3">
                @foreach ($order->items as $item)
                    @php $outstanding = $item->quantity - $item->received_quantity; @endphp
                    @if ($outstanding > 0)
                        <div class="grid grid-cols-4 gap-3 items-center">
                            <span class="text-sm col-span-2">{{ $item->product->name }} <span class="text-ink-faint text-xs">(outstanding: {{ number_format($outstanding, 2) }})</span></span>
                            <input type="hidden" name="lines[{{ $loop->index }}][purchase_order_item_id]" value="{{ $item->id }}">
                            <input type="number" step="0.01" min="0" max="{{ $outstanding }}" name="lines[{{ $loop->index }}][received_quantity]" value="{{ $outstanding }}" class="input">
                            <input type="date" name="lines[{{ $loop->index }}][expiry_date]" class="input" title="Expiry date">
                        </div>
                    @endif
                @endforeach
            </div>
            <div><label class="field-label">Supplier invoice number</label><input type="text" name="supplier_invoice_number" class="input"></div>
        </form>
        <x-slot:footer>
            <button class="btn-secondary" x-on:click="open = false">Cancel</button>
            <button form="receive-form" class="btn-primary">Confirm receipt</button>
        </x-slot:footer>
    </x-modal>

    <x-modal id="return" title="Return goods to {{ $order->supplier->name }}" maxWidth="lg">
        <form method="POST" action="{{ route('purchasing.returns.store', $order) }}" id="return-form" class="space-y-4">
            @csrf
            <div class="space-y-3">
                @foreach ($order->items as $item)
                    @php $returnable = $item->returnableQuantity(); @endphp
                    @if ($returnable > 0)
                        <div class="grid grid-cols-3 gap-3 items-center">
                            <span class="text-sm col-span-2">{{ $item->product->name }} <span class="text-ink-faint text-xs">(returnable: {{ number_format($returnable, 2) }} of {{ number_format($item->received_quantity, 2) }} received)</span></span>
                            <input type="hidden" name="items[{{ $loop->index }}][product_id]" value="{{ $item->product_id }}">
                            <input type="hidden" name="items[{{ $loop->index }}][unit_cost]" value="{{ $item->unit_cost }}">
                            <input type="number" step="0.01" min="0" max="{{ $returnable }}" name="items[{{ $loop->index }}][quantity]" value="0" class="input">
                        </div>
                    @endif
                @endforeach
            </div>
            <div><label class="field-label">Reason</label><input type="text" name="reason" class="input" placeholder="Damaged, wrong item, expired…"></div>
            <p class="text-xs text-ink-faint">Leave a line at 0 to skip it. Returned stock is deducted immediately and the supplier's balance is reduced by the returned value.</p>
        </form>
        <x-slot:footer>
            <button class="btn-secondary" x-on:click="open = false">Cancel</button>
            <button form="return-form" class="btn-primary">Confirm return</button>
        </x-slot:footer>
    </x-modal>
</div>
@endsection