@php
@endphp
<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">

                <p class="text-muted"><b>{{count($roles)}}</b> Results found</p>

                <div class="table-responsive">

                    <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap"
                        style="border-collapse: collapse; border-spacing: 0; width: 100%;">

                        <thead>
                            <tr>
                                <th>#</th>
                                <th>ID</th>
                                <th>Role Name</th>
                                <th>Permissions</th>
                                <th>Created On</th>

                                <th></th>
                                <th></th>
                                <!-- <th></th> -->
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($roles as $role)

                            <tr>
                                <th scope="row">1</th>
                                <td>{{$role->id}}</td>
                                <td>{{$role->name}}</td>
                                <td>{{$role->permissions->count()}}</td>
                                <td>{{$role->created_at->format('Y-M-d')}}</td>
                                <td><a href="/roles/view_role/@encrypt($role->id)" class="text-coffee  p-1">View
                                        More</a></td>
                                <td><a href="/roles/edit_role/@encrypt($role->id)" class="text-warning p-1">Edit</a></td>
                                <!-- <td> <a href="#" class="text-danger p-1"><i class="bx bxs-trash"></i></a></td> -->

                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

            </div>
        </div>
    </div>
</div>