@extends('layouts.app')

@section('pageTitle', 'Home')

@section('content')
<div class="page-content">
  <div class="page-subheading page-subheading-md">
    <ol class="breadcrumb">
        <li><a href="javascript:;">Dashboard</a></li>       
        <li class="active"><a href="javascript:;">Roles</a></li>
    </ol>
   </div>
<div class="page-heading page-heading-md">
    <h2>Roles</h2>
</div>
<div class="container-fluid-md">
    <div class="panel panel-default">
        <div class="panel-heading">
        @if($users->isEmpty())
        <p>No users found.</p>
    @else
        <table class="table">
            <thead>
                <tr>
                    <th>User</th>
                    <th>Roles</th>
                    <th>Permissions</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($users as $user)
                    <tr>
                        <td>{{ $user->name }}</td>
                        <td>
                            @if($user->roles->isEmpty())
                                <span class="text-muted">No roles</span>
                            @else
                                <ul>
                                    @foreach($user->roles as $role)
                                        <li>{{ $role->name }}</li>
                                    @endforeach
                                </ul>
                            @endif
                        </td>
                        <td>
                            @if($user->permissions->isEmpty())
                                <span class="text-muted">No permissions</span>
                            @else
                                <ul>
                                    @foreach($user->permissions as $permission)
                                        <li>{{ $permission->name }}</li>
                                    @endforeach
                                </ul>
                            @endif
                        </td>
                        <td>
                            <a href="{{ route('user_role_permission.edit', $user->id) }}" class="btn btn-secondary">Edit</a>
                        </td>
                    </tr>
                @endforeach
            </tbody>
            
        </table>
        {{$users->links()}}
    @endif
    
</div>
</div>
</div>
</div>
@endsection