@extends('procurement::layouts.master')
@section('title',$order->po_number)
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h3 mb-0">{{ $order->po_number }} <span class="badge badge-{{ $order->status_badge }}">{{ ucfirst($order->status) }}</span></h1>
    <div>
        <a href="{{ route('procurement.orders.edit',$order) }}" class="btn btn-sm btn-outline-secondary">Edit</a>
        <a href="{{ route('procurement.receiving.create',['order'=>$order->id]) }}" class="btn btn-sm btn-outline-success">+ Receive</a>
        <a href="{{ route('procurement.orders.index') }}" class="btn btn-sm btn-link">← Back</a>
    </div>
</div>
<div class="row">
    <div class="col-md-4">
        <div class="card shadow mb-4"><div class="card-header"><h6 class="m-0 font-weight-bold">Order Details</h6></div>
        <div class="card-body">
            <dl class="row mb-0 small">
                <dt class="col-5">Supplier</dt><dd class="col-7">{{ $order->supplier->name ?? '—' }}</dd>
                <dt class="col-5">Project</dt><dd class="col-7">{{ $order->project->name ?? '—' }}</dd>
                <dt class="col-5">Run</dt><dd class="col-7">{{ $order->run->run_number ?? '—' }}</dd>
                <dt class="col-5">Order Date</dt><dd class="col-7">{{ $order->order_date->format('M j, Y') }}</dd>
                <dt class="col-5">Purchase Date</dt><dd class="col-7">{{ $order->purchase_date?->format('M j, Y') ?? '—' }}</dd>
                <dt class="col-5">Expected</dt><dd class="col-7">{{ $order->expected_delivery?->format('M j, Y') ?? '—' }}</dd>
                <dt class="col-5">Received</dt><dd class="col-7">{{ $order->actual_delivery?->format('M j, Y') ?? '—' }}</dd>
                <dt class="col-5">Tracking</dt><dd class="col-7">{{ $order->tracking_number ?? '—' }}</dd>
                <dt class="col-5">Currency</dt><dd class="col-7">{{ $order->currency }} ({{ $order->exchange_rate }})</dd>
                <dt class="col-5">Subtotal</dt><dd class="col-7">${{ number_format($order->subtotal,2) }}</dd>
                <dt class="col-5">Shipping</dt><dd class="col-7">${{ number_format($order->shipping_cost,2) }}</dd>
                <dt class="col-5">Tax</dt><dd class="col-7">${{ number_format($order->tax_amount,2) }}</dd>
                <dt class="col-5">Tariff</dt><dd class="col-7">${{ number_format($order->tariff_amount,2) }}</dd>
                <dt class="col-5 font-weight-bold">Total</dt><dd class="col-7 font-weight-bold">${{ number_format($order->total_amount,2) }}</dd>
                @if($order->notes)<dt class="col-5">Notes</dt><dd class="col-7">{{ $order->notes }}</dd>@endif
            </dl>
        </div></div>

        <!-- Quick status update -->
        <div class="card shadow mb-4"><div class="card-header"><h6 class="m-0 font-weight-bold">Update Status</h6></div>
        <div class="card-body">
            <form method="POST" action="{{ route('procurement.orders.status',$order) }}" class="form-inline">
                @csrf @method('PATCH')
                <select name="status" class="form-control form-control-sm mr-2">
                    @foreach(['draft','ordered','partial','received','cancelled'] as $s)<option value="{{ $s }}" {{ $order->status==$s?'selected':'' }}>{{ ucfirst($s) }}</option>@endforeach
                </select>
                <button type="submit" class="btn btn-sm btn-dark">Update</button>
            </form>
        </div></div>
    </div>

    <div class="col-md-8">
        <!-- Line Items -->
        <div class="card shadow mb-4"><div class="card-header"><h6 class="m-0 font-weight-bold">Line Items</h6></div>
        <div class="card-body p-0">
            <table class="table table-sm mb-0">
                <thead class="thead-dark"><tr><th>Component</th><th>Part #</th><th class="text-center">Ordered</th><th class="text-center">Received</th><th>MOQ</th><th>Replenish</th><th class="text-right">Unit $</th><th class="text-right">Tariff $</th><th class="text-right">Extended</th></tr></thead>
                <tbody>
                    @foreach($order->lineItems as $line)
                    <tr>
                        <td><small>{{ $line->component?->description ?? 'Custom line' }}</small></td>
                        <td><code class="small">{{ $line->component?->part_number ?? '—' }}</code></td>
                        <td class="text-center">{{ $line->qty_ordered }}</td>
                        <td class="text-center">{{ $line->qty_received }}@if($line->qty_received < $line->qty_ordered)<span class="text-warning ml-1"><i class="fas fa-exclamation-triangle fa-xs"></i></span>@endif</td>
                        <td>{{ $line->moq }}</td>
                        <td>{{ $line->replenish_qty ?: '—' }}</td>
                        <td class="text-right">${{ number_format($line->unit_price,4) }}</td>
                        <td class="text-right">${{ number_format($line->tariff_amount,4) }}</td>
                        <td class="text-right font-weight-bold">${{ number_format($line->extended_price,2) }}</td>
                    </tr>
                    @endforeach
                </tbody>
                <tfoot class="thead-light"><tr><td colspan="8" class="text-right font-weight-bold">Total:</td><td class="text-right font-weight-bold">${{ number_format($order->total_amount,2) }}</td></tr></tfoot>
            </table>
        </div></div>

        <!-- Invoices -->
        <div class="card shadow mb-4"><div class="card-header d-flex justify-content-between align-items-center"><h6 class="m-0 font-weight-bold">Invoices</h6><a href="{{ route('procurement.invoices.create') }}" class="btn btn-xs btn-dark">+ Invoice</a></div>
        <div class="card-body p-0">
            <table class="table table-sm mb-0">
                <thead class="thead-light"><tr><th>Invoice #</th><th>Date</th><th>Due</th><th>Status</th><th class="text-right">Amount</th></tr></thead>
                <tbody>
                    @forelse($order->invoices as $inv)
                    <tr><td><a href="{{ route('procurement.invoices.show',$inv) }}">{{ $inv->invoice_number }}</a></td><td>{{ $inv->invoice_date->format('M j, Y') }}</td><td>{{ $inv->due_date?->format('M j, Y') ?? '—' }}</td><td><span class="badge badge-{{ $inv->status_badge }}">{{ ucfirst($inv->status) }}</span></td><td class="text-right">${{ number_format($inv->amount,2) }} {{ $inv->currency }}</td></tr>
                    @empty<tr><td colspan="5" class="text-center text-muted py-2">No invoices</td></tr>@endforelse
                </tbody>
            </table>
        </div></div>

        <!-- Receiving log -->
        <div class="card shadow mb-4"><div class="card-header"><h6 class="m-0 font-weight-bold">Receiving Log</h6></div>
        <div class="card-body p-0">
            <table class="table table-sm mb-0">
                <thead class="thead-light"><tr><th>Date</th><th>Component</th><th>Qty</th><th>Condition</th><th>Bin</th><th>By</th></tr></thead>
                <tbody>
                    @forelse($order->receiving as $r)
                    <tr><td>{{ $r->received_date->format('M j, Y') }}</td><td><small>{{ $r->component?->description ?? '—' }}</small></td><td>{{ $r->qty_received }}</td><td><span class="badge badge-{{ $r->condition_badge }}">{{ ucfirst($r->condition) }}</span></td><td><small>{{ $r->bin_location ?: '—' }}</small></td><td><small>{{ $r->received_by ?: '—' }}</small></td></tr>
                    @empty<tr><td colspan="6" class="text-center text-muted py-2">Nothing received yet</td></tr>@endforelse
                </tbody>
            </table>
        </div></div>
    </div>
</div>
@endsection