@extends('layouts.admin', ['heading' => $order->order_number])

@section('content')
<div class="grid gap-5 lg:grid-cols-[1fr_360px]">
    <div class="panel divide-y">
        @foreach ($order->items as $item)
            <div class="grid grid-cols-[1fr_auto] p-4"><span>{{ $item->quantity }} x {{ $item->product_name }} <small>{{ $item->sku }}</small></span><span>R{{ $item->line_total }}</span></div>
        @endforeach
    </div>
    <aside class="panel p-5">
        <h2 class="font-black">Customer</h2>
        <p class="mt-2 text-sm">{{ $order->customer_first_name }} {{ $order->customer_last_name }}<br>{{ $order->customer_mobile }}<br>{{ $order->customer_email }}</p>
        <form method="POST" action="{{ route('admin.orders.update', $order) }}" class="mt-5">
            @csrf @method('PATCH')
            <select class="field" name="order_status">@foreach(\App\Enums\OrderStatus::cases() as $status)<option value="{{ $status->value }}" @selected($order->order_status === $status)>{{ str($status->value)->headline() }}</option>@endforeach</select>
            <button class="btn-primary mt-3 w-full">Update Status</button>
        </form>
        <a class="btn-secondary mt-3 w-full" href="{{ route('admin.orders.picking-list', $order) }}">Print Picking List</a>
    </aside>
</div>
@endsection