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

@section('content')
    <div class="page-head">
        <div>
            <h1>{{ $order->po_number }}</h1>
            <p>Ordered {{ $order->order_date?->format('d M Y') }}
                @if ($order->expected_date) · expected {{ $order->expected_date->format('d M Y') }} @endif</p>
        </div>
        <div class="page-actions">
            <a href="{{ route('print.purchase-order', $order) }}" class="btn secondary" target="_blank" rel="noopener">Print</a>
            @if (in_array($order->status, ['draft', 'sent'], true))
                <a href="{{ route('purchase-orders.edit', $order) }}" class="btn secondary">Edit</a>
            @endif

            @if ($order->status === 'draft')
                <form method="POST" action="{{ route('purchase-orders.send', $order) }}">
                    @csrf
                    <button class="btn secondary" type="submit">Mark sent</button>
                </form>
            @endif

            @if (! in_array($order->status, ['received', 'cancelled'], true))
                <form method="POST" action="{{ route('purchase-orders.cancel', $order) }}"
                      data-confirm="Cancel {{ $order->po_number }}?">
                    @csrf
                    <button class="btn danger" type="submit">Cancel order</button>
                </form>
            @endif
        </div>
    </div>

    <div class="grid grid-4 mb-2">
        @include('components.kpi', ['label' => 'Order total', 'value' => money($order->total), 'variant' => 'info'])
        @include('components.kpi', ['label' => 'Received', 'value' => $pct.'%',
            'variant' => $pct >= 100 ? 'good' : ($pct > 0 ? 'warn' : '')])
        @include('components.kpi', ['label' => 'Status', 'value' => title_case_words($order->status)])
        @include('components.kpi', ['label' => 'Supplier', 'value' => $order->supplier?->name ?: '—'])
    </div>

    <div class="grid grid-2">
        <div class="card">
            <div class="card-head"><h3>Details</h3></div>
            <div class="card-body">
                <dl>
                    <dt>Supplier</dt><dd>{{ $order->supplier?->name ?: '—' }}
                        @if ($order->supplier?->phone)<div class="tiny muted">{{ $order->supplier->phone }}</div>@endif</dd>
                    <dt>Destination</dt><dd>{{ $order->warehouse?->name ?: 'Not set' }}</dd>
                    <dt>Order date</dt><dd>{{ $order->order_date?->format('d M Y') }}</dd>
                    <dt>Expected</dt><dd>{{ $order->expected_date?->format('d M Y') ?: '—' }}</dd>
                    <dt>Received</dt><dd>{{ number_format($received, 2) }} of {{ number_format($ordered, 2) }} units</dd>
                    <dt>Notes</dt><dd class="small">{{ $order->notes ?: '—' }}</dd>
                </dl>
            </div>
        </div>

        <div class="card">
            <div class="card-head"><h3>Totals</h3></div>
            <div class="card-body">
                <dl>
                    <dt>Subtotal</dt><dd>{{ money($order->subtotal) }}</dd>
                    <dt>Tax</dt><dd>{{ money($order->tax_amount) }}</dd>
                    <dt>Total</dt><dd class="strong">{{ money($order->total) }}</dd>
                </dl>
            </div>
            <div class="card-foot">
                <form method="POST" action="{{ route('purchase-orders.destroy', $order) }}"
                      data-confirm="Delete {{ $order->po_number }} permanently?">
                    @csrf @method('DELETE')
                    <button class="btn xs danger" type="submit">Delete order</button>
                </form>
            </div>
        </div>
    </div>

    <form method="POST" action="{{ route('purchase-orders.receive', $order) }}">
        @csrf
        <div class="card">
            <div class="card-head">
                <h3>Items</h3>
                @if (! in_array($order->status, ['received', 'cancelled'], true))
                    <button class="btn" type="submit"
                            data-confirm="Receive the entered quantities into {{ $order->warehouse?->name ?: 'stock' }}?">
                        Receive stock
                    </button>
                @endif
            </div>
            <div class="card-body" style="padding:0;">
                <table class="data">
                    <thead>
                    <tr>
                        <th>Description</th><th>Product</th>
                        <th class="num">Ordered</th><th class="num">Received</th>
                        <th class="num">Outstanding</th><th class="num">Unit cost</th>
                        <th class="num">Amount</th>
                        @if (! in_array($order->status, ['received', 'cancelled'], true))
                            <th class="num" style="width:14%;">Receive now</th>
                        @endif
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($order->items as $item)
                        @php $outstanding = round((float) $item->quantity - (float) $item->quantity_received, 2); @endphp
                        <tr>
                            <td>{{ $item->description }}</td>
                            <td class="small muted">{{ $item->product?->name ?: '—' }}</td>
                            <td class="num">{{ number_format((float) $item->quantity, 2) }}</td>
                            <td class="num">{{ number_format((float) $item->quantity_received, 2) }}</td>
                            <td class="num strong">{{ number_format($outstanding, 2) }}</td>
                            <td class="num">{{ money($item->unit_cost) }}</td>
                            <td class="num strong">{{ money($item->amount) }}</td>
                            @if (! in_array($order->status, ['received', 'cancelled'], true))
                                <td class="num">
                                    <input type="number" step="0.01" min="0" max="{{ $outstanding }}"
                                           name="quantities[{{ $item->id }}]" value="0"
                                           @disabled($outstanding <= 0) style="width:100%;">
                                </td>
                            @endif
                        </tr>
                    @endforeach
                    </tbody>
                    <tfoot>
                    <tr>
                        <td colspan="6" class="strong">Order total</td>
                        <td class="num strong">{{ money($order->total) }}</td>
                        @if (! in_array($order->status, ['received', 'cancelled'], true))<td></td>@endif
                    </tr>
                    </tfoot>
                </table>
            </div>
            @if (in_array($order->status, ['received', 'cancelled'], true))
                <div class="card-foot small muted">
                    This order is {{ $order->status }} — no further receipts can be recorded.
                </div>
            @elseif (! $order->warehouse_id)
                <div class="card-foot small">
                    <span class="badge warning"><span class="dot"></span>No warehouse set</span>
                    Edit the order and choose a destination before receiving stock.
                </div>
            @endif
        </div>
    </form>
@endsection