<?php $__env->startSection('title', 'پنل مدیریت | محصولات'); ?>
<?php $__env->startSection('content'); ?>
    <div class="content-wrapper">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0 text-dark">محصولات</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-left">
                            <?php echo e(Breadcrumbs::render('product')); ?>

                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <section class="content">
            <div class="container-fluid bg-white">
                <div class="row mb-4">
                    <div class="col-lg-4 col-md-6 col-12 mt-3">
                        <select class="form-control" id="category_id" name="category_id">
                            <option value="">تمام دسته‌بندی‌ها</option>
                            <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <option value="<?php echo e($category->id); ?>"><?php echo e($category->name); ?></option>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </select>
                    </div>
                    <?php if(auth()->user()->can('change status')): ?>
                        <div class="col-lg-2 col-md-6 col-12 mt-3">
                            <button class="btn btn-block btn-outline-success btn-sm status-btn" value="active">فعال کردن
                                گروهی
                            </button>
                        </div>
                    <?php endif; ?>
                    <div class="col-lg-2 col-md-6 col-12 mt-3">
                        <button class="btn btn-block btn-outline-danger btn-sm status-btn" value="inactive">غیرفعال
                            کردن گروهی
                        </button>
                    </div>
                    <div class="col-lg-2 col-md-6 col-12 mt-3">
                        <button class="btn btn-block btn-warning btn-sm action-btn" value="delete">حذف</button>
                    </div>
                </div>
                <div class="table-responsive-sm table-responsive-md">
                    <?php echo e($dataTable->table()); ?>

                </div>
            </div>
        </section>
    </div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('footer'); ?>
    <?php echo e($dataTable->scripts()); ?>

    <script>
        $(document).ready(function () {
            $('#category_id').select2();

            $("#check_all").click(function(){
                $('.datatables-checkbox').not(this).prop('checked', this.checked);
            });

            $('.action-btn').on('click', function (e) {
                if (confirm('مطمئن هستید؟')) {
                    var checked_ids = $('input:checkbox:checked').map(function () {
                        return $(this).val();
                    }).get();

                    refreshDatatable($('#category_id').select2("val"), null, $(this).val(), checked_ids);
                }
            });

            $('.status-btn').on('click', function (e) {
                var checked_ids = $('input:checkbox:checked').map(function(){
                    return $(this).val();
                }).get();

                refreshDatatable($('#category_id').select2("val"), $(this).val(), null, checked_ids);
            });

            $('#category_id').on('change', function (e) {
                refreshDatatable($('#category_id').select2("val"));
            });

            $('#products-table').on('draw.dt', function () {
                $('#check_all').prop('checked', false);
            });

            function refreshDatatable(category_id, status = null, isDeleted = null, checked_ids = []) {
                $("#products-table").DataTable().destroy();
                window.LaravelDataTables = window.LaravelDataTables||{};
                window.LaravelDataTables["products-table"] = $("#products-table").DataTable({
                    "serverSide":true,
                    "processing":true,
                    "ajax":{ "data": { 'category_id': category_id, 'status': status, 'isDeleted': isDeleted, 'checked_ids': checked_ids } },
                    "columns":[
                        {"data":"DT_RowIndex","name":"DT_RowIndex","title":"#","orderable":false,"searchable":false},
                        {"data":"products_checkbox","name":"products_checkbox","title":'<input type="checkbox" id="check_all">',"orderable":false,"searchable":false},
                        {"data":"name","name":"name","title":"نام","orderable":true,"searchable":true},
                        {"data":"code","name":"code","title":"کد","orderable":true,"searchable":true},
                        {"data":"price","name":"price","title":"قیمت","orderable":true,"searchable":true},
                        {"data":"stock","name":"stock","title":"موجودی","orderable":true,"searchable":true},
                        {"data":"status","name":"status","title":"وضعیت","orderable":true,"searchable":true,"className":"text-center"},
                        {"data":"created_at","name":"created_at","title":"تاریخ","orderable":true,"searchable":true},
                        {"data":"action","name":"action","title":"عملیات","orderable":false,"searchable":false}
                    ],
                    "dom":"Bfrtip",
                    "order":[[7,"desc"]],
                    "language":{"url":"<?php echo e(asset('vendor/datatables/Persian.json')); ?>"},
                    "buttons":[{"extend":"create"},{"extend":"excel"},{"extend":"print"},{"extend":"reset"},{"extend":"reload"}],
                    "drawCallback":function(settings){if(window.livewire){window.livewire.rescan();}}
                });
            }
        });
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('admin.layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\armshop\resources\views/admin/products/index.blade.php ENDPATH**/ ?>