@forelse ($orders as $id => $order)
    <tr data-id="{{ $order->id }}">
        <td>
            {{ ++$id }}
        </td>
        <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') || $order->approval_status == 'canceled' || $order->approval_status == 'decline' ? 'disabled' : '' }}
                    value="pending" {{ $order->approval_status === 'pending' ? 'selected' : '' }}>
                    Pending</option>
                <option
                    {{ ($order->delivery_status != 'pending' && $order->delivery_status != 'packing' && $order->delivery_status != 'packed') || $order->approval_status == 'canceled' || $order->approval_status == 'decline' ? 'disabled' : '' }}
                    value="approved" {{ $order->approval_status === 'approved' ? 'selected' : '' }}>
                    Approved</option>
                <option
                    {{ ($order->delivery_status != 'pending' && $order->delivery_status != 'packing' && $order->delivery_status != 'packed') || $order->approval_status == 'canceled' || $order->approval_status == 'decline' ? 'disabled' : '' }}
                    value="decline" {{ $order->approval_status === 'decline' ? 'selected' : '' }}>
                    Decline</option>
                <option
                    {{ ($order->delivery_status != 'pending' && $order->delivery_status != 'packing' && $order->delivery_status != 'packed') || $order->approval_status == 'canceled' || $order->approval_status == 'decline' ? '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') || $order->approval_status == 'canceled' || $order->approval_status == 'decline' ? 'disabled' : '' }}
                    value="pending" {{ $order->delivery_status === 'pending' ? 'selected' : '' }}>Pending</option>
                <option
                    {{ $order->approval_status == 'canceled' || $order->approval_status == 'decline' ? 'disabled' : '' }}
                    value="packing" {{ $order->delivery_status === 'packing' ? 'selected' : '' }}>Packing</option>
                <option disabled value="packed" {{ $order->delivery_status === 'packed' ? 'selected' : '' }}>Packed
                </option>
                <option
                    {{ $order->approval_status == 'canceled' || $order->approval_status == 'decline' ? 'disabled' : '' }}
                    value="dispatched" {{ $order->delivery_status === 'dispatched' ? 'selected' : '' }}>Dispatched
                </option>
                <option
                    {{ $order->approval_status == 'canceled' || $order->approval_status == 'decline' ? 'disabled' : '' }}
                    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>
            @if ($order->approval_status != 'canceled' && $order->approval_status != 'decline')
                <a href="{{ route('admin.order.edit', $order->id) }}" class="btn btn-sm btn-outline-primary"><i
                        class="bi bi-pencil"></i></a>
            @endif
            <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>
@empty
    <tr>
        <td colspan="8" class="text-center">No orders found</td>
    </tr>
@endforelse