@foreach ($orders as $order)
    <tr data-id="{{ $order->id }}">
        <td>
            {{ $order->created_at->format('d-m-y') }}
        </td>
        <td>
            {{ $order->user->name ?? null }}
        </td>
        <td>
            {{ $order->user->company ?? null }}
        </td>
        <td>
            £ {{ $order->grand_total ?? null }}
        </td>
        <td>
            <select name="approval_status" id="approval_status" class="form-control form-control-sm">
                <option
                    {{ $order->delivery_status != 'pending' && $order->delivery_status != 'packing' && $order->delivery_status != 'packed' ? 'disabled' : '' }}
                    value="pending" {{ $order->approval_status === 'pending' ? 'selected' : '' }}>
                    Pending</option>
                <option
                    {{ $order->delivery_status != 'pending' && $order->delivery_status != 'packing' && $order->delivery_status != 'packed' ? 'disabled' : '' }}
                    value="approved" {{ $order->approval_status === 'approved' ? 'selected' : '' }}>
                    Approved</option>
                <option
                    {{ $order->delivery_status != 'pending' && $order->delivery_status != 'packing' && $order->delivery_status != 'packed' ? 'disabled' : '' }}
                    value="decline" {{ $order->approval_status === 'decline' ? 'selected' : '' }}>
                    Decline</option>
                <option
                    {{ $order->delivery_status != 'pending' && $order->delivery_status != 'packing' && $order->delivery_status != 'packed' ? 'disabled' : '' }}
                    value="canceled" {{ $order->approval_status === 'canceled' ? 'selected' : '' }}>
                    Canceled</option>
            </select>
        </td>
        <td>
            <select name="delivery_status" id="delivery_status" class="form-control form-control-sm"
                data-order-id="{{ $order->id }}" data-order-packer-id="{{ $order->packer_id ?? '' }}">
                <option
                    {{ $order->delivery_status != 'pending' && $order->delivery_status != 'packing' ? 'disabled' : '' }}
                    value="pending" {{ $order->delivery_status === 'pending' ? 'selected' : '' }}>
                    Pending</option>
                <option value="packing" {{ $order->delivery_status === 'packing' ? 'selected' : '' }}>
                    Packing</option>
                <option disabled value="packed" {{ $order->delivery_status === 'packed' ? 'selected' : '' }}>
                    Packed</option>
                <option disabled value="shipped" {{ $order->delivery_status === 'shipped' ? 'selected' : '' }}>
                    Shipped</option>
                <option value="dispatched" {{ $order->delivery_status === 'dispatched' ? 'selected' : '' }}>
                    Dispatched</option>
                <option value="completed" {{ $order->delivery_status === 'completed' ? 'selected' : '' }}>
                    Completed</option>
            </select>
        </td>
        <td>
            <select name="payment_status" id="payment_status" class="form-control form-control-sm">
                <option value="pending" {{ $order->payment_status === 'pending' ? 'selected' : '' }}>
                    Pending</option>
                <option value="credit" {{ $order->payment_status === 'credit' ? 'selected' : '' }}>
                    Credit</option>
                <option value="paid" {{ $order->payment_status === 'paid' ? 'selected' : '' }}>
                    Paid</option>
            </select>
        </td>
        <td>
            <a href="{{ route('admin.order.edit', $order->id) }}" class="btn btn-sm btn-outline-primary"><i
                    class="bi bi-pencil"></i></a>
            <form id="deleteform" class="d-inline-block mx-1" action="#" method="post">
                @csrf
                <button type="submit" class="btn btn-outline-danger btn-sm" id="delete">
                    <i class="fas fa-trash"></i>
                </button>
            </form>
        </td>
    </tr>
@endforeach