<?php $__env->startSection('content'); ?>
    <div class="row">
    <?php if($message = Session::get('success')): ?>
        <div class="alert alert-success">
            <p><?php echo e($message); ?></p>
        </div>
    <?php endif; ?>
    <?php if($message = Session::get('errors')): ?>
        <div class="alert alert-danger">
            <p><?php echo e($message); ?></p>
        </div>
    <?php endif; ?>


            <h2>Categories Management
                <a href="<?php echo e(route('subcategories.create')); ?>" class="btn btn-primary pull-right"><i class="icon-plus"></i> Create new Category</a>
            </h2>
        <br/>
    <div class="widget">
        <div class="widget-header"> <i class="icon-th-list"></i>
            <h3>Categories Management</h3>
        </div>
        <!-- /widget-header -->
        <div class="widget-content widget-table action-table">
            <table class="table table-condensed table-stripe ddt-responsive" id="table">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>Category Name</th>
                    <th>Last Updated</th>
                    <th class="td-actions">Actions</th>
                </tr>
                </thead>
            </table>
    </div>
    <!-- /widget-content -->
    </div>
    <!-- /widget -->
    </div>
    <script>
        $(function() {
           var dtListUsers =  $('#table').DataTable({
                processing: true,
                serverSide: true,
                //dom: '<"wrapper"f<"customefilter">lipt>',
                dom: '<"wrapper"lf<"customefilter"><t>ip>',
                ajax: '<?php echo e(route('loaddata.index',['action' => 'subcategories'])); ?>',
                columns: [
                    { data: 'id', name: 'id' },
                    { data: 'cname', name: 'cname' },
                    { data: 'name', name: 'name' },
                    { data: 'updated_at', name: 'updated_at' },
                    { data: 'action', name: 'action', orderable: false, searchable: false, className: 'text-right' }
                ],
                "aaSorting": []
            });
                $('.customefilter').html("<label>Filter By App: </label>    <select name='search_group_filter' id=\"statusFilter\">\n" +
                    "                            <option value=\"0\">Select App</option>\n" +
                    "                            <?php $__currentLoopData = $category; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cat => $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>\n" +
                    "                                <option value=\"<?php echo e($cat); ?>\"> <?php echo e($value); ?></option>\n" +
                    "                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>\n" +
                    "                        </select>");
            $('#statusFilter').on( 'click change', function (event) {
                event.preventDefault();
                //dataTable.draw();
                var filter_value = $(this).val();
               var new_url = '<?php echo e(url('loaddata')); ?>?action=subcategories&status=' + filter_value;
             //  var new_url = '<?php echo e(route('loaddata.index',['action' => 'subcategories'])); ?>;
                dtListUsers.ajax.url(new_url).load();

            } );

        });


    </script>
<style>
    .customefilter{
        width:300px;
        float:right;
    }
</style>
<?php $__env->stopSection(); ?>



<?php echo $__env->make('layouts.layout', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>