@include('layout.header')

<section id="content">
    <section class="bgGrey py-4">
        <div class="container">
            <div class="table-title p-0 pt-2 pb-2 text-bold">My Order</div>
            
            <table class="table table-striped table-custom mydatatable">
                <thead>
                    <tr>
                        <th style="width: 2%;">No</th>
                        <th>Category</th>
                        <th>Name</th>
                        <th style="width: 15%;">Photo</th>
                        <th style="width: 12%;">Date</th>
                        <th style="width: 7%;">Qty</th>
                        <th style="width: 20%;">Status</th>
                    </tr>
                </thead>
                <tbody>
                                        @foreach ($orders as $item)
                                        <tr>
                        <td>{{$no}}</td>
                        <td></td>
                        <td>{{$item->souvenir->name}}</td>
                        <td>
                            <img src="{{asset($item->souvenir->images[0]->image)}}" style="height: 50px;">
                        </td>
                        <td>{{date_format($item->created_at, 'd M Y')}}</td>
                        <td>{{$item->qty}}</td>
                        <td>{{$item->status}}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </section>
</section>

@include('layout.footer')