<x-layout>
    @section('title', $title.' - ')
    @include('admin/ar-css')
    @include('admin/ar-php-script')
    @include('admin/header_admin')

    <section id="dashboard" class="ar-dashboard-height">
        <div class="ar-dashboard-row" style="height:100%">
            <div id="ar-left-nav">
                @include('admin/left_nav')
            </div>

            <div id="ar-dashboard-content">
                <a class="btn-regular" href="shipping-label?order_number={{$order_number}}">Create Label</a>
                <a class="btn-regular" href="shipping-waybill?order_number={{$order_number}}">Create Waybill</a>
                <a class="btn-regular" href="shipping-invoice?order_number={{$order_number}}">Create Invoice</a>

                <div style="overflow:scroll;margin:3px">
                    @if(isset($OrderItems))
                    <table id="ar-table">
                        <tr>
                            <th>ID</th>
                            <th>Order Number</th>
                            <th>Product Name</th>
                            <th>Product Item ID</th>
                            <th>Size</th>
                            <th>Quantity</th>
                        </tr>
                            
                        <tbody>
                            @foreach($OrderItems as $item)
                                <tr id="index_{{ $item->id }}">
                                    <td>{{ $item->id }}</td>
                                    <td>{{ $item->order_number }}</td>
                                    <td>{{ $item->name }}</td>
                                    <td>{{ $item->product_items_id }}</td>
                                    <td>{{ $item->size }}</td>
                                    <td>{{ $item->quantity }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                        
                    </table>
                    @endif
                </div>

            </div>
        </div>
    </section>

</x-layout>