@extends('layout_role')
@section('content')

 <!--Content Header (Page header)-->
 <div class="content-header row align-items-center m-0">
  <nav aria-label="breadcrumb" class="col-sm-4 order-sm-last mb-3 mb-sm-0 p-0 ">
      <ol class="breadcrumb d-inline-flex font-weight-600 fs-13 bg-white mb-0 float-sm-right">
          <li class="breadcrumb-item"><a href="#">Home</a></li>
          <li class="breadcrumb-item active">Dashboard</li>
      </ol>
  </nav>
  <div class="col-sm-8 header-title p-0">
      <div class="media">
          <div class="header-icon text-success mr-3"><i class="typcn typcn-spiral"></i></div>
          <div class="media-body">
              <h1 class="font-weight-bold">Roles Management</h1>
              <small>With Users Assign</small>
          </div>
      </div>
  </div>
</div>

<div class="body-content">
 <div class="row">
     <div class="col-lg-12">
         <div class="card">
             <div class="card-body">
                 <div class="table-responsive">
                   <table class="table display table-bordered table-striped table-hover basic dataTable no-footer" id="DataTables_Table_0" role="grid" aria-describedby="DataTables_Table_0_info">
                    <thead>
                      <tr>
                          <th>SL</th>
                          <th>Name</th>
                          <th>Action</th>
                      </tr>
                    </thead>
                    <tbody>
                                            @foreach ($role_lists as $role_list)
                            
                          <tr>
                              <td>{{ $i }}</td>
                              <td>{{ $role_list->name }}</td>
                              <td>
                                @if( $role_list->id != 1)
                                  <a href="/roles-assign/{{ $role_list->id}}" class="assign" title="Assign" data-toggle="tooltip" data-original-title="Assigns"><i class="fa fa-tasks"></i></a>
                                @endif
                              </td>
                          </tr>
                      @endforeach 
                    </tbody>
                   </table>
                 </div>
             </div>
         </div>
     </div>
 </div> 
</div><!--/.body content-->
</div>


@endsection