<?php

use yii\helpers\Html;
use kartik\grid\GridView;

/* @var $this yii\web\View */
/* @var $searchModel app\models\DataVideoWebSearch */
/* @var $dataProvider yii\data\ActiveDataProvider */

$this->title = 'Harian SOR';
$this->params['breadcrumbs'][] = $this->title;



?>
<style type="text/css">
  .table th {
       text-align: center;
       font-weight:bold;
    }
    #example>tbody>tr>td
    {
      white-space: nowrap;
    }
</style>
<div id="table_data">
  <table id="example" class="display table table-striped custom-table datatable">
      <thead>
          <tr>
              <th class="text-center">Tanggal</th>
              <th class="text-center">Loket</th>
              <th class="text-center">Group Layanan</th>
              <th class="text-center">Sub Group Layanan</th>
              <th class="text-center">Permohonan</th>
              <th class="text-center">Perihal</th>
              <th class="text-center">Nama</th>
              <th class="text-center">Jenis Kelamin</th>
              <th class="text-center">Intansi / Perusahaan</th>
              <th class="text-center">Provinsi</th>
              <th class="text-center">Kota / Kabupaten</th>
              <th class="text-center">Action</th>
          </tr>
      </thead>
      <tbody>
      </tbody>
      <tfoot>
              <th class="text-center">Tanggal</th>
              <th class="text-center">Loket</th>
              <th class="text-center">Group Layanan</th>
              <th class="text-center">Sub Group Layanan</th>
              <th class="text-center">Permohonan</th>
              <th class="text-center">Perihal</th>
              <th class="text-center">Nama</th>
              <th class="text-center">Jenis Kelamin</th>
              <th class="text-center">Intansi / Perusahaan</th>
              <th class="text-center">Provinsi</th>
              <th class="text-center">Kota / Kabupaten</th>
              <th class="text-center">Action</th>
            </tfoot>
  </table>
</div>



<script type="text/javascript">
$(document).ready(function() {
   $(".content-wrapper").hide();
   $(".content-header").remove();
   $(".main-header").remove();
   $(".main-sidebar").remove();
   $(".main-footer").remove();
   $(".skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side").css('background-color','#FFF');
   $('.content-wrapper').css('min-height','0');
   $('.content-wrapper').css('margin-left','0px');
   $('.content-wrapper').css('background-color','#FFFFFF');
   $(".content-wrapper").show();
  var url      = "<?php echo dirname(Yii::$app->homeUrl) ?>/serverside/table.php?jenis=<?php echo $_GET['req'] ?>";
  var id_table = "example";
  <?php
  $coldef = array(
                  '{ "orderable": true, "targets": 0, "searchable": true}',
                  '{ "orderable": true, "targets": 1, "searchable": true}',
                  '{ "orderable": true, "targets": 2, "searchable": true}',
                  '{ "orderable": true, "targets": 3, "searchable": true}',
                  '{ "orderable": true, "targets": 4, "searchable": true}',
                  '{ "orderable": true, "targets": 5, "searchable": true}',
                  '{ "orderable": true, "targets": 6, "searchable": true}',
                  '{ "orderable": true, "targets": 7, "searchable": true}',
                  '{ "orderable": true, "targets": 8, "searchable": true}',
                  '{ "orderable": true, "targets": 9, "searchable": true}',
                  '{ "orderable": true, "targets": 10, "searchable": true}',
                  '{ "orderable": false, "targets": 11, "searchable": false}'
            );
  $list_col = "[".implode("",$coldef)."]";
  ?>
 var coldef   = '<?php echo $list_col; ?>';
 var mycol = coldef.replace(/\s+/g," ");
  getDataTables(url,id_table,mycol);


});
</script>