@extends('layouts.app')

 @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-body">
                                        

    <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>                
                  
                    <a href="#" class="btn btn-sm btn-warning">
                        Edit
                    </a>
               
                    <a href="#" class="btn btn-sm btn-danger" 
                       onClick="return confirm('Are you sure you want to delete this item?');">
                        Delete
                    </a>
             
                    <a href="{{route('user_role_permission.edit', $user->id)}}" class="btn btn-sm btn-info">
                        Role & Permission
                    </a>
              
                </td>
            </tr>
            @endforeach
            
        
        </tbody>
    </table>
       @if ($users->lastPage() > 1)
                <div class="d-flex justify-content-center mt-3">
                    {{ $users->withQueryString()->links() }}
                </div>
                @endif
    </div>
    </div>
    </div>
    </div>
    </div>
@endsection