@extends('layouts.admin')

@section('content')

<!-- content @s -->
<div class="nk-content ">
    <div class="container-fluid">
        <div class="nk-content-inner">
            <div class="nk-content-body">
                <div class="components-preview wide-md mx-auto">
						
						<div class="nk-block nk-block-lg">
						    <div class="nk-block-head">
						        <div class="nk-block-head-content">
						            <h4 class="nk-block-title">User Role</h4>
						            <div class="nk-block-des">
						                <p></p>
						            </div>
						        </div>
						    </div>
						    <div class="card card-preview">
						        <div class="card-inner">
						            <table class="datatable-init nk-tb-list nk-tb-ulist" data-auto-responsive="false">
						                <thead>
						                    <tr class="nk-tb-item nk-tb-head">
						                        <th class="nk-tb-col"><span class="sub-text">Role ID</span></th>
						                        <th class="nk-tb-col tb-col-mb"><span class="sub-text">Role</span></th>
						                        <th class="nk-tb-col tb-col-md"><span class="sub-text">Active Users</span></th>
						                        <th class="nk-tb-col tb-col-lg"><span class="sub-text">Inactive Users</span></th>
						                        
						                    </tr>
						                </thead>
						                <tbody>
						                	@foreach($userRole as $role)
							                    <tr class="nk-tb-item">
							                        
							                        <td class="nk-tb-col tb-col-lg">
							                            <span>{{$role['id']}}</span>
							                        </td>
							                        <td class="nk-tb-col tb-col-lg">
							                            <span>{{$role['role']}}</span>
							                        </td>
							                        <td class="nk-tb-col tb-col-lg">
							                            <span>{{$role['active_users']}}</span>
							                        </td>
							                        <td class="nk-tb-col tb-col-lg">
							                            <span>{{$role['inactive_users']}}</span>
							                        </td>
							                    </tr><!-- .nk-tb-item  -->
							                @endforeach
						                </tbody>
						             </table>
						        </div>
						    </div>
						</div>   
					</div>
				</div>
			</div>
		</div>
	</div>                 

@endsection