@extends('layouts.admin', ['heading' => 'Orders'])

@section('content')
<div class="panel overflow-hidden">
    <table class="w-full text-left text-sm">
        <thead class="bg-green-50"><tr><th class="p-3">Order</th><th>Customer</th><th>Total</th><th>Payment</th><th>Status</th><th></th></tr></thead>
        <tbody class="divide-y">
            @foreach ($orders as $order)
                <tr>
                    <td class="p-3 font-bold">{{ $order->order_number }}</td>
                    <td>{{ $order->customer_first_name }} {{ $order->customer_last_name }}</td>
                    <td>R{{ $order->grand_total }}</td>
                    <td>{{ str($order->payment_status->value)->headline() }}</td>
                    <td>{{ str($order->order_status->value)->headline() }}</td>
                    <td><a class="font-bold text-pantry-leaf" href="{{ route('admin.orders.show', $order) }}">Open</a></td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection