{{--{{dd($orders)}}--}}
<div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Seller Product Details</h4>
            </div>
            <div class="modal-body">
                <table id="classTable" class="table table-bordered">
                    <thead>
                        <tr>
                            <th>Sr #</th>
                            <th>Seller Name</th>
                            <th>Product</th>
                            <th>Price</th>
                            <th>Quantity</th>
                            <th>Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($orders->orderDetail as $order)
                            <tr>
                                <td>{{$order->id}}</td>
                                <td>{{$order->orderSellerDetail->seller->first_name}}</td>
                                <td>{{$order->product->title}}</td>
                                <td>{{$order->price}}</td>
                                <td>{{$order->quantity}}</td>
                                <td>{{$order->price * $order->quantity}}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<script>

    $("#updateDataBtn").click(function (e) {

        var form = $('#updateOrderStatusForm')[0]; // You need to use standard javascript object here
        var formData = new FormData(form);
        $.ajax({
            url: '{{route('admin.update.status')}}',
            type: "POST",
            enctype: 'multipart/form-data',
            processData: false,  // Important!
            contentType: false,
            cache: false,
            data: formData,
            success: function (response) {
                $('.modal').modal('hide');
                // $('#bookings-table').data.reload();   not working
                // dataTable.ajax.reload();   //not working
                // dataTable.reload();  //not working
                $('#products-table').DataTable().ajax.reload();   //it works great
            }, error: function (e) {
                console.log('error', e);
                swal(
                    'Oops...',
                    'Something went wrong!',
                    'error'
                )
            }
        });
        e.preventDefault();
    });
</script>