@extends('admin.layout.app')
@section('content')
        <!-- Body: Body -->
        <div class="body d-flex py-3">
            <div class="container-xxl">
                <div class="row align-items-center">
                    <div class="border-0 mb-4">
                        <div class="card-header py-3 no-bg bg-transparent d-flex align-items-center px-0 justify-content-between border-bottom flex-wrap">
                            <h3 class="fw-bold mb-0">Orders List</h3>
                        </div>
                    </div>
                </div> <!-- Row end  -->
                
                <div class="row g-3 mb-3">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-body">
                                <table id="myDataTable" class="table table-hover align-middle mb-0" style="width: 100%;">
                                    <thead>
                                    <tr>
                                        <th>Id</th>
                                        <th>Item</th>
                                        <th>Customer Name</th>
                                        <th>Customer Type</th>
                                        <th>Payment Info</th>
                                        <th>Price</th>
                                        <th>Status</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($orders as $order)

                                        <tr>
                                        <td><a href="#"><strong>#Order-{{$order->id ?? ''}}</strong></a></td>
                                        <td><img src="assets/images/product/product-1.jpg" class="avatar lg rounded me-2" alt="profile-image"><span> {{$order->orderDetails->first()->name ?? ''}} </span></td>
                                        <td>{{$order->first_name ?? ''}}</td>
                                        <td>@if($order->user_id != null) Customer @else Guest @endif</td>
                                        <td>{{$order->method ?? ''}}</td>
                                        <td>
                                            ${{$order->total_paid_amount ?? ''}}
                                        </td>
                                        <td>
                                            @if($order->order_status == 'in-progress')
                                            <span class="badge bg-warning">{{$order->order_status ?? ''}}</span>
                                            @elseif($order->order_status == 'completed')
                                                <span class="badge bg-success">{{$order->order_status ?? ''}}</span>
                                            @else
                                                <span class="badge bg-danger">{{$order->order_status ?? ''}}</span>
                                                @endif
                                        </td>
                                    </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div> <!-- Row end  -->
            </div>
        </div>
@endsection