@extends('packer.layouts.master')
@section('title', $page_title)
@section('content')

    <section class="content">
        <div class="container-fluid">

            <div class="row">
                <div class="col-md-12">
                    <!-- /.card-header -->
                    <div class="card card-outline card-primary">
                        <div class="card-header">
                            {{ $page_title }}
                        </div>
                        <div class="card-body">
                            <div class="tableContent">
                                <table class="table table-striped table-sm table-bordered datatable tableContent">
                                    <thead>
                                        <tr>
                                            <th style="width: 5%;">{{ __('#') }}</th>
                                            <th style="width: 35%;">{{ __('User') }}</th>
                                            <th style="width: 10%;">{{ __('Company') }}</th>
                                            <th style="width: 10%;">{{ __('Delivery') }}</th>
                                            <th style="width: 15%;" colspan="2">{{ __('Actions') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbody">
                                        @forelse ($orders as $id => $order)
                                            <tr data-id="{{ $order->id }}">
                                                <td>
                                                    {{ ++$id }}
                                                </td>
                                                <td>
                                                    {{ $order->user->name ?? null }}
                                                </td>
                                                <td>
                                                    {{ $order->user->company ?? null }}
                                                </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 disabled
                                                            {{ ($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 disabled
                                                            {{ $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 disabled
                                                            {{ $order->approval_status == 'canceled' || $order->approval_status == 'decline' ? 'disabled' : '' }}
                                                            value="dispatched"
                                                            {{ $order->delivery_status === 'dispatched' ? 'selected' : '' }}>
                                                            Dispatched
                                                        </option>
                                                        <option disabled
                                                            {{ $order->approval_status == 'canceled' || $order->approval_status == 'decline' ? 'disabled' : '' }}
                                                            value="completed"
                                                            {{ $order->delivery_status === 'completed' ? 'selected' : '' }}>
                                                            Completed
                                                        </option>
                                                    </select>
                                                </td>
                                                <td>
                                                    @if ($order->approval_status != 'canceled' && $order->approval_status != 'decline')
                                                        <a href="{{ route('packer.order.details', $order->id) }}"
                                                            class="btn btn-sm btn-outline-primary">
                                                            <i class="bi bi-eye"></i>
                                                        </a>
                                                    @endif
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="8" class="text-center">No orders found</td>
                                            </tr>
                                        @endforelse

                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="loader text-center" id="loader" style="display: none">
                            <div class="spinner-border" role="status">
                                <span class="visually-hidden"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </section>



@endsection