@extends('new_layouts.app')

@section('content')
<div class="row">
    <div class="col-md-12">
        <h1>Manage Orders</h1>
    </div>
    <div class="col-md-2">
    <a href="{{ route('order') }}" class="btn btn-primary"><i class="far fa-plus-square"></i> Add Order</a>
    </div>

</div>
<div style="margin:20px;">
<table class="table table-resposive table-striped" id="example" class="display" style="width:100%; padding:20px; ">
    <thead>
        <tr>
            <td>Serial #</td>
            <td>Order ID</td>
            <td>Ordered By</td>
            <td>Order Date</td>
            <td>Delivery Date</td>
            <td>Actions</td>
        </tr>
    </thead>
    <tbody>
    <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home3/asharbhu/public_html/debaere/resources/views/order/orderindex.blade.php</b> on line <b>28</b><br />
    </tbody>
</table>
</div>
@endsection

@section('scripts')
<script>
    $(document).ready(function() {
    $('#example').DataTable();
    

      $(document).on("click", ".removeO", function () {

            if (!confirm('Are you sure you want to delete this Order ?')) {
                return false;
            }
            var dataId = $(this).attr('data-id');
            $(this).parent().parent().hide();
            $.ajax({
                url: "{{ url('deleteOrder') }}",
                type: "POST",
                data: {id: dataId},
                success: function (result) {

                }
            });
            $(this).parent().parent().hide();

        });


} );

</script>
@endsection