@extends('layouts.app')
@section('content')
<div class="content-wrapper">
   <div class="card">
      <div class="card-header">
         <h4 class="card-title">Account List</h4>
      </div>
      <div class="card-body">
         <div class="row">
            <div class="col-12 table-responsive">
              <table id="lookup" class="table table-sm table-striped">
                 <thead>
                    <tr>
                       <th>KTP</th>
                       <th>Email</th>
                       <th>Fullname</th>
                       <th>MSISDN</th>
                    </tr>
                 </thead>
                 <tbody>

                 </tbody>
              </table>
            </div>
         </div>
      </div>
   </div>
</div>
@endsection
@section('script')
<script>

setInterval(function(){
  $('#lookup').DataTable().ajax.reload(null, false);
}, 15000);

setInterval(function(){
	location.href="{{url('superadmin/account')}}";
},60000);

$(document).ready(function() {

  var table = $("#lookup").dataTable({
    processing: true,
    serverSide: true,
    ajax:{
      url: "{{ url('superadmin/account/getIndex') }}",
      dataType: "json",
      type: "GET",
      error: function(){  // error handling
        $(".lookup-error").html("");
        $("#lookup").append('<tbody class="employee-grid-error"><tr><th class="text-center" colspan="4">No data found in the server</th></tr></tbody>');
        $("#lookup_processing").css("display","none");

      }
    },
    columns: [
      {data: 'email'},
      {data: 'nik'},
      {data: 'fullname'},
      {data: 'telp'}
    ],
      createdRow: function ( row, data, index ) {
          $(row).attr('id','table_'+index);
      },
    columnDefs: [
    ]
  });

});
</script>
@endsection