@extends('layouts.acorn.acorn_frontend_app')
@section('header_styles')

@endsection
@section('content')
<div class="row">
  <div class="col mb-5">

        <h1>Standard Purchase Orders</h1>
   
  </div>
</div>
<div class="row">
  <div class="col mb-12">
<div class="data-table-rows slim">
  <div class="data-table-responsive-wrapper">
    <table id="standardOrderListTable" class="data-table nowrap hover">
      <thead>
        <tr>
          <th class="text-muted text-small text-uppercase">Order Id</th>
          <th class="text-muted text-small text-uppercase">Name</th>
          <th class="text-muted text-small text-uppercase">Currency</th>
          <th class="text-muted text-small text-uppercase">Total</th>
          <th class="text-muted text-small text-uppercase">Order Date</th>
          <th class="text-muted text-small text-uppercase">Payment Status</th>
          <th class="text-muted text-small text-uppercase">Order Status</th>
          <th class="text-muted text-small text-uppercase">Action</th>
        </tr>
      </thead>
    </table>
  </div>
</div>
</div>
</div>

<script type="text/javascript">
  $(document).ready(function() {
    //function standardIndustryTable(){
      $('#standardOrderListTable').DataTable( {
        processing: true,
        serverSide: true,
        ajax: {
            type: "POST",
            url: frontendURL+'standard/order/data',
        },
        columns: [
          {data: 'id', name: 'id'},
          {data: 'name', name: 'name'},
          {data: 'order_currency', name: 'order_currency'},
          {data: 'grand_total', name: 'grand_total'},
          {data: 'created_at', name: 'created_at'},
          {data: 'payment_status', name: 'payment_status'},
          {data: 'order_status', name: 'order_status'},
          {data: 'action', name: 'action'},
        ],
        // "columnDefs": [
        //   { "searchable": false, "targets": [1, 2] }
        // ],
      });
    //}
  });
</script>






@endsection
@section('footer_scripts')

@endsection