@extends('backend.layout')


@section('extra_css')
<style>
    ul li { list-style: none; }
</style>
<!-- Datatables -->
<link rel="stylesheet"
      href="https://www.ryans.com/assets/admin/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
@endsection

@section('content')
<div class="container">


    <table width="100%" id="filter_setup_list">
        <thead>
            <tr>
                <th>Category</th>
                <th>Attribute</th>
                <th>Date</th>
                <th></th>
            </tr>
        </thead>
        <tbody>

        </tbody>
    </table>


</div>
@endsection


@section('extra_js')
<!-- Datatables -->
<script src="https://www.ryans.com/assets/admin/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="https://www.ryans.com/assets/admin/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
<script type="text/javascript">

     $(document).ready(function () {

            $('#filter_setup_list').DataTable({
                "processing": true,
                "serverSide": true,
                "ajax": "{{ route('filterSetupListData') }}",
                "columns": [
                    {data: 'category_name'},
                    {data: 'attribute_set_name'},
                    {data: 'created_at', searchable: false},
                    {data: 'action', searchable: false, sortable: false,}
                ]
            });

        });
</script>
@endsection