@include('layouts.header')


<div class="container">
        <div class="card" style="margin-left:180px">
          <h1>List of Roles</h1>
        <table class="table table-striped">
             <tr><th>ID</th>
                <th>Role Name</th>
                <th>Role ID</th></tr>
            @foreach($roles as $role)  
                <tr><td>{{ $role->id }}</td>
                <td>{{$role->role_name}}</td>
                <td>{{ $role->role_id}}</td>
                 </tr>
            @endforeach
            </table>
          </div>
    </div>    
      @include('layouts.footer')