@extends('admin.layout.app')
@section('title','Post Categories')

@section('js')
<script src="{{URL::asset('admin/assets/js/app.js')}}"></script>
<script src="{{URL::asset('admin/global_assets/js/demo_pages/datatables_basic.js')}}"></script>
@endsection

@section('button')
<a href="{{url('/postcategories/create')}}" class="btn btn-link btn-float text-default"><i class="icon-plus3 text-primary"></i><span>Add</span></a>
@endsection
@section('content')

<div class="card">
	<table class="table datatable-basic">
		<thead>
			<tr>
				<th>ID</th> 
				<th>Name</th>
				<th>Status</th>
				<th class="text-center">Action</th> 
			</tr>
		</thead>
		<tbody>		
		</tbody>
	</table>
</div>
@endsection
@push('js')
<script type="text/javascript">
 $(document).ready(function () {
   
    var table = $(".datatable-basic").DataTable({
        "processing": true,
        "serverSide": true,
        "dataSrc": "",
        "filter": true,
        "autoWidth": false,
        "pageLength": 10,
        "columnDefs": [{
            "orderable": false,
            "width": 100,
        }],
        "lengthMenu": [
            [10, 20, 50, 100, 500, 1000, 2000, 5000, -1],
            [10, 20, 50, 100, 500, 1000, 2000, 5000, 'All']
        ],
        "dom": '<"datatable-header"fBl><"datatable-scroll-wrap"t><"datatable-footer"ip>',
        "buttons": {
            "dom": {
                "button": {
                    "className": 'btn btn-light column-data'
                }
            },
            "buttons": [
                   
                ]
        },
        "language": {
            "search": '<span>Filter:</span> _INPUT_',
            "searchPlaceholder": 'Type to filter...',
            "lengthMenu": '<span>Show:</span> _MENU_',
            "paginate": {
                'first': 'First',
                'last': 'Last',
                'next': $('html').attr('dir') == 'rtl' ? '&larr;' : '&rarr;',
                'previous': $('html').attr('dir') == 'rtl' ? '&rarr;' : '&larr;'
            }
        },
		ajax : "{{ url('listpostcategories') }}",
       
        "columns": [
           {data: 'DT_RowIndex', name: 'DT_RowIndex'},
					{data: 'name', name: 'name',searchable: true},
					{data: 'status', name: 'status',searchable: true},
					{
		                data: 'action', 
		                name: 'action', 
		                //orderable: true, 
		                searchable: true
            		},
        ],
        rowCallback: function(row, data) {},
        initComplete: function() {
            this.api().columns().every(function() {
                var column = this;
                var input = document.createElement("input");
                $(input).appendTo($(column.footer()).empty())
                    .on('change', function() {
                        column.search($(this).val(), false, false, true).draw();
                    });
            });
        },
    
  });
});

 </script>
 @endpush