<?php $__env->startSection('title', 'DataTables'); ?>

<?php $__env->startSection('vendor-style'); ?>
  
  <link rel="stylesheet" href="<?php echo e(asset(mix('vendors/css/tables/datatable/dataTables.bootstrap5.min.css'))); ?>">
  <link rel="stylesheet" href="<?php echo e(asset(mix('vendors/css/tables/datatable/responsive.bootstrap5.min.css'))); ?>">
  <link rel="stylesheet" href="<?php echo e(asset(mix('vendors/css/pickers/flatpickr/flatpickr.min.css'))); ?>">
  <link rel="stylesheet" href="<?php echo e(asset(mix('vendors/css/forms/select/select2.min.css'))); ?>">
<?php $__env->stopSection(); ?>

<?php $__env->startSection('page-style'); ?>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('css/base/plugins/forms/pickers/form-flat-pickr.css')); ?>">
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<section id="ajax-datatable">
  <div class="row">
    <div class="col-12">
      <div class="card">
        <div class="card-header border-bottom d-flex " style="justify-content: space-between !important">
          <h4 class="card-title">Data Ketinggian Air Dari Perangkat</h4>
        </div>
        <div class="card-datatable m-1">
          <div class="table-responsive">
            <table class=" table-hover table-striped  table tables-responsive" style="width:100% !important" id="table">
              <thead>
                <tr>
                  <th>#</th>
                  <th>Nama Perangkat</th>
                  <th>Lokasi</th>
                  <th>Ketinggian Air (CM)</th>
                  <th>Tanggal</th>
                  <th>Jam</th>
                </tr>
              </thead>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<?php $__env->stopSection(); ?>


<?php $__env->startSection('vendor-script'); ?>

  <script src="<?php echo e(asset(mix('vendors/js/tables/datatable/jquery.dataTables.min.js'))); ?>"></script>
  <script src="<?php echo e(asset(mix('vendors/js/tables/datatable/dataTables.bootstrap5.min.js'))); ?>"></script>
  <script src="<?php echo e(asset(mix('vendors/js/tables/datatable/dataTables.responsive.min.js'))); ?>"></script>
  <script src="<?php echo e(asset(mix('vendors/js/tables/datatable/responsive.bootstrap5.js'))); ?>"></script>
  <script src="<?php echo e(asset(mix('vendors/js/pickers/flatpickr/flatpickr.min.js'))); ?>"></script>
  <script src="<?php echo e(asset(mix('vendors/js/forms/select/select2.full.min.js'))); ?>"></script>
  
  
  

<?php $__env->stopSection(); ?>

<?php $__env->startSection('page-script'); ?>
  
  <script src="<?php echo e(asset(mix('js/scripts/tables/table-datatables-advanced.js'))); ?>"></script>
  <script src="<?php echo e(asset(mix('js/scripts/forms/form-select2.js'))); ?>"></script>
  <script src="<?php echo e(asset(mix('js/scripts/components/components-modals.js'))); ?>"></script>
  <script>
    $(document).ready(function(){
      $("#table").DataTable({
        processing : true,
        serverSide : true,
        ajax : "<?php echo e(url('ketinggian_air/ambil')); ?>",
        columns : [
        {
          data : 'DT_RowIndex',
          name : 'DT_RowIndex',
          orderable : false,
          searchable : false
        } , 
        {
          data : 'nama_device',
          name : 'nama_device',
          orderable : false
        },
        {
          data : 'location',
          name : 'location',
          orderable : false
        },
        {
          data : 'depth',
          name : 'depth',
          orderable : false
        },
        {
          data : 'date_report',
          name : 'date_report',
          orderable : false
        },
        {
          data : 'time_report',
          name : 'time_report',
          orderable : false
        }
      ]
      });
    });
  </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts/contentLayoutMaster', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH D:\project\project_ews_clone\resources\views//content/ketinggian_air/index.blade.php ENDPATH**/ ?>