  <?php $__env->startSection('content'); ?>
<?php Fun::lang()?>
<div class="title-page">
    <div class="page-bar">
        <ul class="page-breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Dashboard</a></li>
            <li><a href="#">Manage Stock</a></li>
            <li><a href="#">Category</a></li>
        </ul>
    </div>
</div>
    <div class="page">
        <div class="top-content">
            <div class="row">
                <div class="col-sm-12 col-xs-12">
                    <div class="title-page">
                        <div class="pull-left">
                            <h3>Category</h3>
                        </div>
                    </div>
                    <div class="pull-right">
                        <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->check('Category-Create')): ?>
                        <a class="button_sm button_primary" href="<?php echo e(route('categories.create')); ?>"><span class="fa fa-plus"></span>  Create New</a>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-12 col-xs-12">
                <div class="box-body table-responsive">
                    <table id="datatable_users" class="table table-striped table-bordered table-hover nowrap">
                        <thead>
                            <tr>
                                <th>NO</th>
                                <th>Code</th>
                                <th>Name</th>
                                <th>Description</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <?php echo $__env->make('administrator.categories.confirm-delete', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    <?php $__env->stopSection(); ?> <?php $__env->startSection('js'); ?>

    <script type="text/javascript">
        $(document).ready(function() {
            $('#main-spinner').show();
            $('#datatable_users').DataTable({
                ordering: false,    
                "serverSide": true,
                "lengthMenu": [[20, 30, 50, 100,-1], [20, 30, 50, 100,'all']],
                ajax: "<?php echo e(route('datatable.get_categories')); ?>",
                columns: 
                    [
                        {data: 'DT_RowIndex'}, 
                        {data: 'category_code'},
                        {data: 'category_name'},
                        {data: 'category_des'},
                        {data: 'action'},
                    ],
                    "initComplete": function(settings, json) {
                        $('#main-spinner').hide();
                    }

            });

            $.fn.dataTable.ext.errMode = 'throw';
            $(document).on('click','.confirm_delete',function(){
                var id = $(this).data('id');
                $('#delete-id').val(id);
                $('#form-delete').modal('show');
            });
            $('#form-delete-item').on('submit',function (e) {
                e.preventDefault();
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                var form = $('#form-delete-item').serialize();
                $('#main-spinner').show();
                $.ajax({
                    url:"<?php echo e(route('categories.delete')); ?>",
                    type:"POST",
                    dataType:"JSON",
                    data:form,
                    success:function (data) {
                        $('#main-spinner').hide();
                        $('#form-delete').modal('hide');
                        $('#datatable_item').DataTable().ajax.reload();
                        $('#delete-success').show();
                        $('#p-text').html(data.message);
                        $('#confirm-delete').removeAttr('disabled');
                        location.reload();
                    },
                    error:function (err) {
                        console.log(err);
                    }
                });
            });
        });
    </script>
    <?php $__env->stopSection(); ?>
<?php echo $__env->make('adminlte::page', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>