@extends('admin::layouts.master')

@section('content')

<div class="container-fluid">

    <div class="card shadow mb-4">
        
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary float-left">
                Order Lists
            </h6>
        </div>

        <div class="card-body">
            <div class="table-responsive">

                @if(isset($orders) && $orders->count() > 0)

                    <table class="table table-bordered" id="data-table">
                        <thead>
                            <tr>
                                <th>S.N</th>
                                <th>Order No</th>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Quantity</th>
                                <th>Shipping</th>
                                <th>Total Amount</th>
                                <th>Status</th>
                            </tr>
                        </thead>

                        <tbody>
                            @foreach($orders as $key => $order)
                                <tr>
                                    <td>{{ $key + 1 }}</td>
                                    <td>{{ $order->order_number ?? '-' }}</td>
                                    <td>{{ $order->name ?? '-' }}</td>
                                    <td>{{ $order->email ?? '-' }}</td>
                                    <td>{{ $order->quantity ?? '-' }}</td>
                                    <td>{{ $order->shipping ?? '-' }}</td>
                                    <td>{{ $order->total_amount ?? '-' }}</td>
                                    <td>
                                        <span class="badge badge-info">
                                            {{ $order->status ?? 'Pending' }}
                                        </span>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>

                @else

                    <div class="text-center py-4">
                        <h6>No Orders Found</h6>
                    </div>

                @endif

            </div>
        </div>

    </div>

</div>

@endsection