@extends('template')
@section('main')      

        <!-- page content -->
        <div class="right_col" role="main">
          <div class="">
            <div class="page-title">
              <div class="title_left">
                <h3>Module <small>List Module</small></h3>
              </div>

              <div class="title_right">
                <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                  <div class="input-group">
                    <input type="text" class="form-control" placeholder="Search for...">
                    <span class="input-group-btn">
                      <button class="btn btn-default" type="button">Go!</button>
                    </span>
                  </div>
                </div>
              </div>
            </div>

            <div class="clearfix"></div>

            <div class="row">
             

            <div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_title">
<h2>List<small>Data Module Berdasarkan User</small></h2>

<div class="clearfix"></div>
</div>
<div class="x_content">
<!-- <p class="text-muted font-13 m-b-30">
Responsive is an extension for DataTables that resolves that problem by optimising the table's layout for different screen sizes through the dynamic insertion and removal of columns from the table.
</p> -->
                      <table id="datatable-responsive" class="table table-striped table-bordered dt-responsive nowrap" cellspacing="0" width="100%">
                      <thead>
                      <tr>
                      <th>No</th>
                      <th>Username</th>
                      <th>User Type</th>
                      <th>Slug</th>
                      <th>Action Type</th>
                      <th></th>
                      </tr>
                      </thead>
                      <tbody>          
                        <tr>
                        @foreach($user as $users)
                           @if($users->permission_users->count()!=0) 
                        <td rowspan="{{$users->permission_users->count()}}">{{$loop->iteration}}</td>
                        <td rowspan="{{$users->permission_users->count()}}">{{$users->name}}</td>       
                        @foreach($users->permission_users as $value)     
                          <td>{{$value->user_type}}</td>
                          <td>{{$value->permission->slug}}</td>
                          <td>{{$value->permission->name}}</td>
                          <td><a href="view/'.{{$users->id}}.'" class="btn btn-xs btn-primary btn-sm"><i class="glyphicon glyphicon-edit"></i> View Users</a><a href="edit_accounts/'.$users->id.'" class="btn btn-xs btn-primary btn-sm"><i class="glyphicon glyphicon-edit"></i> Edit</a><a href="javascript:void(0);" class="btn delete_account btn-sm btn-xs btn-danger" data-id="''"><i class="fa fa-trash-alt"></i> Delete</a></td>
                          </tr>       
                        @endforeach 
                          @else
                          <td>{{$loop->iteration}}</td>
                          <td>{{$users->name}}</td> 
                          <td></td>
                          <td></td>
                          <td></td>
                          <td></td>
                          </tr>  
                          @endif   
                        @endforeach
                      </tbody>
                    </table>
                  </div>
                </div>        
             		
					
                  </div>
                </div>
              </div>
            </div>
          <!-- </div>
        </div> -->
        <!-- /page content -->
       

@endsection       

@section('footer_scripts')
<script>
  $(document).ready(function(){
  $('#datatable-responsive').DataTable({     
        "destroy": true,
        "autoWidth": false     
    });
    });
</script>
@endsection