@extends('admin.layouts.contentLayoutMaster')
@section('title','Process Order List')
@section('content')
 <div class="row">
      <div class="col s12">
        <ul class="tabs">
          <li class="tab col m3"><a class="active" href="#test1">Process order</a></li>
          <li class="tab col m3"><a href="#test2">Awaiting reciept</a></li>
          <li class="tab col m3"><a href="#test3">Lab Processing</a></li>
          <li class="tab col m3"><a href="#test4">Completed</a></li>
        </ul>
      </div>
      <div id="test1" class="col s12">
            <div class="section section-data-tables">
                <div class="card">
                    <div class="card-content">            
                        <table class="display list" id="page-length-option">
                            <thead>
                                <tr>
                                    <th>Customer No.</th>
                                    <th>Scan KIT ID</th>
                                    <th>First Name</th>
                                    <th>Last Name</th>
                                    <th>Test Type</th>
                                    <th>Register?</th>                    
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div id="test2" class="col s12">
           <div class="section section-data-tables">
                <div class="card">
                    <div class="card-content">            
                       In Progress
                    </div>
                </div>
            </div>
        </div>
        <div id="test3" class="col s12">
           <div class="section section-data-tables">
                <div class="card">
                    <div class="card-content">            
                       In Progress
                    </div>
                </div>
            </div>
        </div>
        <div id="test4" class="col s12">
           <div class="section section-data-tables">
                <div class="card">
                    <div class="card-content">            
                       In Progress
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('pageleveljs')
<script type="text/javascript">
$(function () {
     $('tabs').tabs();
    var list = $('.list').DataTable({
        processing: true,
        serverSide: true,
        ordering: false,
        responsive:true,
        ajax: "{{ route('process.order') }}",
        columns: [
            {data: 'customerno', name: 'customerno'},
            {data: 'scankitid', name: 'scankitid'},
            {data: 'fname', name: 'fname'},
            {data: 'lname', name: 'lname'},
            {data: 'kittype', name: 'kittype'},
            {data: 'is_register', name: 'is_register'}
        ]
    });   
});
</script>
@stop