@include('include.datatable-css')

<div class="dt-responsive table-responsive">
    <table id="orderHistoryTable" class="table table-striped table-bordered nowrap">
        <thead>
            <tr>
                <th>Order No.</th>
                <th>Package</th>
                <th>Trial</th>
                <th>Customer</th>
                <th>Price</th>
                <th>Status</th>
                <th>Date & Time</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            @if (is_countable($orderHistory))
                @foreach ($orderHistory as $record)
                    <tr>
                        <td>
                            {{ $record->orderNumber }}
                        </td>
                        <td>
                            {{ $record->package ? $record->package->title : '' }}
                        </td>
                        <td>
                            {{ $record->trial == 1 ? 'Yes' : 'No'  }}
                        </td>
                        <td>
                            @if ($record->user != NULL)
                                {{ $record->user->firstName . ' ' . $record->user->lastName }}
                            @endif
                        </td>
                        <td>
                            ${{ number_format($record->price, ) }}
                        </td>
                        <td>
                            @switch($record->status)
                                @case('P')
                                    Pending
                                    @break
                                @case('S')
                                    Completed
                                    @break
                                @case('F')
                                    Cancelled
                                    @break
                                @default
                            @endswitch
                        </td>
                        <td>
                            {{ $record->created_at }}
                        </td>
                        <td>
                            <a href="{{ route('view-order', ['order' => $record->id]) }}" class="avtar avtar-xs btn-link-secondary btn-pc-default" data-bs-toggle="tooltip" data-bs-original-title="View">
                                <i class="ti ti-eye f-18"></i>
                            </a>
                        </td>
                    </tr>
                @endforeach
            @endif
        </tbody>
    </table>
</div>