@extends('layouts.store')

@section('title', $order->order_number.' — Meatworx')

@section('content')
<section class="mw-section">
    <div class="container mw-auth-wide">
        <div class="mw-panel">
            <div class="mw-panel-head">
                <h2>{{ $order->order_number }}</h2>
                <span>{{ ucfirst($order->status) }}</span>
            </div>
            <p>Delivery {{ $order->delivery_date->format('d M Y') }}.
                @if($order->isEditable())
                    You can edit until {{ $order->cutoffAt()->format('d M, h:i A') }}.
                @else
                    This order is locked for the supplier report.
                @endif
            </p>
            @if($order->comments)<p><strong>Instructions:</strong> {{ $order->comments }}</p>@endif
            <table class="mw-table">
                <thead><tr><th>Product</th><th>Qty</th><th>Unit</th></tr></thead>
                <tbody>
                    @foreach($order->items as $item)
                        <tr><td>{{ $item->product_name }}</td><td>{{ $item->quantity }}</td><td>{{ $item->unit }}</td></tr>
                    @endforeach
                </tbody>
            </table>
            <div class="mw-trade-actions">
                @if($order->isEditable())
                    <a class="mw-btn" href="{{ route('trade.orders.edit', $order) }}">Edit order</a>
                @endif
                @if($order->invoice)
                    <a class="mw-btn" href="{{ route('trade.invoice', $order) }}">View invoice</a>
                @endif
            </div>
            <h3>History</h3>
            <ul class="mw-trade-log">
                @foreach($order->audits as $audit)
                    <li>{{ $audit->created_at->format('d M, h:i A') }} — {{ $audit->summary }}</li>
                @endforeach
            </ul>
        </div>
    </div>
</section>
@endsection