@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><a href="javascript:;">Tables</a></li>
        <li class="active"><a href="javascript:;">Users List</a></li>
    </ol>
   </div>
<div class="page-heading page-heading-md">
    <h2>Users List</h2>
</div>
<div class="container-fluid-md">
    <div class="panel panel-default">
        <div class="panel-heading">
                                        

    <table class="table table-hover table-bordered">
        <thead>
            <tr>
                <th>Name</th>
                <th>Email</th>
              
                <th>Action</th>
            </tr>
        </thead>
        <tbody>
            @foreach($users as $user)
            <tr>
                <td>              
                        {{ $user->name}}                   
                </td>
                <td>{{ $user->email}}</td>
                
                <td>                
                
                @can('users_edit')      
                    <a href="#" class="btn btn-sm btn-warning">
                        Edit
                    </a>
                @endcan    
                @can('users_delete')  
                    <a href="#" class="btn btn-sm btn-danger" 
                       onClick="return confirm('Are you sure you want to delete this item?');">
                        Delete
                    </a>
                @endcan
                @can('users_role_permission')  
                    <a href="{{route('user_role_permission.edit', $user->id)}}" class="btn btn-sm btn-info">
                        Role & Permission
                    </a>
                @endcan
                </td>
            </tr>
            @endforeach
            
        
        </tbody>
    </table>
{{$users->links()}}
    </div>
    </div>
    </div>
    </div>
    </div>
                         
@endsection