@extends('layouts.adminmonevpkam')

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

  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header"> 
      <h3 style="padding-left:30px;color:#872522">
        PENGGUNA / USER NutricalcApp.Com<br>
        <small style="color:#E74A38;">data pengguna NutricalcApp</small>
      </h3>
      
    </section>

    <!-- Main content -->
    <section class="content">
    <div class='row'>
   
        <div class='container-fluid' style="width:95%">
            <!-- Box -->
            <div class="card">
                <div class="card-header card-header-primary">
                    <h3 class="box-title" >Data Pengguna</h3>
                    
                </div>
                <div class="box-body" style="padding-left:20px;">
                @include('layouts._flash')
                    <p> <a class="btn btn-xs btn-primary" href="{{ route('users.create') }}">Tambah</a> </p>
                    <div id="table-report" style="width:90%;padding-left20px;">
                       <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">GROUP USER</th>       
                                <th style="text-align:center">JUMLAH USER</th> 
                              </tr>
                            </thead>
                            <tbody style="font-size: 1em">
                                    @php ($counter = 1) 
                                    @foreach($usergroups as $row)
                                        <tr>
                                            <td>{{$counter}}</td>
                                            <td> <a href="{{ url('/users/userview?groupid='.$row->id) }}">{{ $row->usergroup}}</a>   </td>
                                            <td> {{ $row->jmluser }}   </td>
                                        </tr>
                                        @php ($counter++)   
                                    @endforeach
                            </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