@extends('admin.layouts.contentLayoutMaster')
@section('title','Blog Category List')
@section('content')
<div class="section section-data-tables">
    <div class="row">          
      <div class="col s12 m12 l12">
        <a class="btn waves-effect waves-light breadcrumbs-btn right" href="{{route('blog.category.create')}}">
            <span class="hide-on-small-onl">Add Blog Category</span>
        </a>
      </div>
    </div>
    <div class="card">
        <div class="card-content">            
            <table class="display list" id="page-length-option">
                <thead>
                    <tr>
                        <th width="85%">Name</th>
                        <th width="15%">Action</th>                      
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection
@section('pageleveljs')
<script type="text/javascript">
$(function () {
    var list = $('.list').DataTable({
        processing: true,
        serverSide: true,
        ordering: false,
        responsive:true,
        ajax: "{{ route('blog.category.list') }}",
        columns: [
            {data: 'name', name: 'name'},
            {data: 'action', name: 'action'},
        ]
    });
});
</script>
@stop