
<?php $__env->startSection('breadcrumb-first', $breadcrumb->first); ?>
<?php $__env->startSection('breadcrumb-second', $breadcrumb->second); ?>
<?php $__env->startSection('content'); ?>
<div class="row">
	<div class="col-lg-12">
        <div class="card card-custom">
            <div class="card-body">
                <form method="get" id="filter_form">
                    <div class="row">
                        <div class="form-group col-lg-2">
                            <select class="custom-select" name="filter_row" id="filter_row">
                                <option value="">Tampilkan</option>
                                <option value="10" selected>10 Baris</option>
                                <option value="30">30 Baris</option>
                                <option value="50">50 Baris</option>
                                <option value="100">100 Baris</option>
                            </select>
                        </div>
                        <div class="form-group col-lg-5">
                            <div class="input-daterange input-group" data-provide="datepicker">
                                <input type="text" class="form-control custom-datepicker" name="filter_start_date" id="filter_start_date" placeholder="Tanggal Mulai" autocomplete="off" />
                                <div class="input-group-prepend">
                                    <span class="input-group-text" style="border-left: 0; border-right: 0;">sampai</span>
                                </div>
                                <input type="text" class="form-control custom-datepicker" name="filter_end_date" id="filter_end_date" placeholder="Tanggal Akhir" autocomplete="off" />
                            </div>
                        </div>
                        <div class="form-group col-lg-5">
                            <select class="form-control" name="filter_service" id="filter_service" data-toggle="select2">
                                <option value="" selected>Layanan</option>
                                <?php $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <?php if($item->service == true): ?>
                                    <option value="<?php echo e($item->service->name); ?>"><?php echo e($item->service->name); ?></option>
                                    <?php else: ?>
                                        <?php if($item->service_name <> null): ?>
                                            <option value="<?php echo e($item->service_name); ?>"><?php echo e($item->service_name); ?></option>
                                        <?php endif; ?>
                                    <?php endif; ?>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </select>
                        </div>
                        <div class="form-group col-lg-2">
                            <select class="form-control" name="filter_status" id="filter_status" data-toggle="select2">
                                <option value="" selected>Status</option>
                                <?php $__currentLoopData = $statuses; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <option value="<?php echo e($item); ?>"><?php echo e($item); ?></option>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </select>
                        </div>
                        <div class="form-group col-lg-10">
                            <input type="text" class="form-control" name="search" id="search" placeholder="Cari">
                        </div>
                        <div class="form-group col-6 button-items d-grid gap-2">
                            <button type="reset" class="btn btn-secondary btn-block waves-effect waves-light mt-0"><i class="mdi mdi-refresh"></i> Reset</button>
                        </div>
                        <div class="form-group col-6 button-items d-grid gap-2">
                            <button type="submit" class="btn btn-custom btn-block waves-effect waves-light mt-0"><i class="mdi mdi-filter"></i> Filter</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="card card-custom">
            <div class="card-body">
                <div class="table-responsive">
                    <?php echo $dataTable->table(['class' => 'table table-striped table-borderless table-hover mb-0'], false); ?>

                </div>
			</div>
		</div>
	</div>
</div>
<?php echo $dataTable->scripts(); ?>

<script>
	$(document).ready(function () {
        document.getElementById("data-table").children[0].className = "thead-light";
        $('#filter_form').on('submit', function(element) {
            element.preventDefault();
            $('#preloader').fadeIn('slow');
            $.when(window.LaravelDataTables["data-table"].page.len($('#filter_row').val()).draw()).done(function() {
                $('#preloader').fadeOut('slow');
            });
        });
        $('#filter_form').on('reset', function(element) {
            $('[data-toggle="select2"], select, input').val(null).trigger('change');
            $('#filter_row').val('10').trigger('change');
            $('#preloader').fadeIn('slow');
            $.when(window.LaravelDataTables["data-table"].page.len('10').draw()).done(function() {
                $('#preloader').fadeOut('slow');
            });
        });
    });
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('user.layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/glor5228/public_html/resources/views/user/order/refill_history.blade.php ENDPATH**/ ?>