@extends('admin.layouts.app')
@section('title', 'Order')
@section('content')
    <div class="main-containered">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <table id="myTable" class="mytable noborder">
                            <thead>
                            <tr>
                                <th>Product</th>
                                <th>Total Amount</th>
                                <th>Date</th>
                                <th>Actions</th>
                            </tr>
                            </thead>
{{--                            @dd($orders);--}}
                            @foreach($orders as $order)
                                <tr>
                                    <td>
                                        @php
                                            $itemCount = count($order->items);
                                        @endphp
                                        @if($itemCount > 1)
                                            Multiple
                                        @else
                                            @php
                                                $productId = $order->items[0]->product_id;

                                                $product = \App\Models\Product::find($productId);
                                            @endphp
                                            {{$product->name ?? ''}}
                                        @endif
                                    </td>
                                    <td><span>{{$order->total_amount ?? ''}}</span></td>
                                    <td><span>{{$order->created_at->diffForHumans() }}</span></td>
                                    <td>
                                        <div class="dropdown">
                                            <button class="btn" type="button" id="dropdownMenuButton"
                                                    data-toggle="dropdown" aria-haspopup="true"
                                                    aria-expanded="false">
                                                <span><i class="fas fa-ellipsis-v"></i></span>
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                <a class="dropdown-item" href="{{route('admin.order.show',$order->id)}}">Details</a>
{{--                                                <a class="dropdown-item" href="#">Edit</a>--}}
{{--                                                <a class="dropdown-item" href="#">Delete</a>--}}
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </table>
                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection
@push('script_code')
    <script>
        // Initialize DataTable
        $(document).ready( function () {
            $('#myTable').DataTable();
        });


    </script>
@endpush