@extends('layouts.admin-layout')
@section('title', 'All orders ')
@section('content')
    <style>
        .active-star {
            color: #f9df4a;
        }
    </style>
    <div class="content-wrapper">

        <section class="content">
            <div class="container-fluid">

                <div class="row">
                    <!-- left column -->
                    <div class="col-md-12">

                        <div class="card card-primary card-box-shadow">

                            <div class="card-body">

                                <h2>Orders</h2>
                                <table id="ordertable" class="table table-striped table-bordered" style="width:100%">
                                    <thead>
                                    <tr>
                                        <th>Customer</th>
                                        <th>Order Number</th>
                                        <th>Shipping Address</th>
                                        <th>Total Items</th>
                                        <th>Total Amount</th>

                                        <th>Status</th>

                                        <th>Record Status</th>
                                        <th>Action</th>
                                    </tr>
                                    </thead>



                                </table>

                            </div>


                            <!-- /.card -->
                        </div>
                    </div>

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

@endsection
@section('script')
    <script>
        $(document).ready(function () {

            $('#ordertable').DataTable({
                ordering: false,
                processing: true,
                serverSide: true,
                ajax: {
                    url: '{{ route('admin.total.orders') }}', // Use the module route
                    data: function (data) {
                    }
                },
                columns: [
                    {data: 'user_id', name: 'user_id'},
                    {data: 'order_number', name: 'order_number'},
                    {data: 'shipping_address', name: 'shipping_address'},
                    {data: 'total_items', name: 'total_items'},
                    {data: 'total_price', name: 'total_price'},
                    // {data: 'discount', name: 'discount'},
                    // {data: 'total_amount_after_discount', name: 'total_amount_after_discount'},
                    {data: 'payment_method', name: 'payment_method'},
                    {data: 'status', name: 'status'},
                    // {data: 'order_return', name: 'order_return'},

                    {data: 'action', searchable: false, orderable: false}
                ] // Remove the semicolon here
            });
        });
    </script>

@endsection