@extends('layouts.adminmonevpkam')

@section('content')
<!-- Content Wrapper. Contains page content -->

  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header"> 
      <h1>
        PENGGUNA / USER eMONEV PKAM<br>
        <small>data pengguna e-Monev PKAM</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="{{ url('home') }}"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active"> Data Pengguna</li>
      </ol>
    </section>

    
    <!-- Main content -->
    <section class="content">
    <div class='row'>
        
        <div class='col-xs-12'>
            <!-- Box -->
            <div class="box box-primary">
                <div class="box-header with-border" style="text-align: center;">
                    <h3 class="box-title" >Data Pengguna</h3>
                    <div class="box-tools pull-right">
                        <button class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
                        <button class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
                    </div>
                </div>
                <div class="box-body">
                    <div id="table-report" >
                       <table  class="table table-condensed table-hover table-bordered responsive" id="data"  style="width: 100%">
                            <thead  style="font-size: 1em" bgcolor="#d4e6f7">
                              <tr>
                                <th style="text-align:center">No.</th>
                                <th style="text-align:center">Username</th>    
                                <th style="text-align:center">Group</th>
                                <th style="text-align:center">Action</th>
                                <th style="text-align:center">Date</th>
                              </tr>
                            </thead>
                            <tbody style="font-size: 1em">
                            </tbody>
                        </table>
                    </div>
                </div><!-- /.box-body -->
                <div class="box-footer">
                   
                </div><!-- /.box-footer-->
            </div><!-- /.box -->
        </div><!-- /.col -->
        </div>
      </section>
      
    <!-- /.content -->
</div><!-- /.row -->
<!-- /.content-wrapper -->   
        

   
@endsection

@section('scripts')
    
    <script type="text/javascript">
    


    $('#data').DataTable({
       dom: 'Bfrtip',
          buttons: [
            'csv', 'excel', 'pdf'
        ],
      "iDisplayLength": 50,
      "autoWidth": true,
        "language": {
        "decimal": ",",
        "thousands": "."
    }
    });

   

    </script>
@endsection