@extends('admin.layouts.app')

@section('title', 'Roles')

@can('role.create')
    @section('create-url', route('roles.create'))
@endcan

@section('content')
    <div class="card">
        <div class="card-body">
            @include('admin.roles.filters')
            
            <div class="border">
                <table class="table table-striped ">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">Name</th>
                            <th scope="col">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($roles as $role)
                            <tr>
                                <td>
                                    {{ $loop->iteration }}
                                </td>
                                <td class="text-dark text-capitalize">{{ $role->name }}</td>
                                <td>
                                    <x-table-actions 
                                        :view-url="route('roles.show', $role->id)" 
                                        :edit-url="route('roles.edit', $role->id)" 
                                        :delete-url="route('roles.destroy', $role->id)" 
                                        view-permission="role.detail"
                                        edit-permission="role.edit"
                                        delete-permission="role.delete"
                                    />
                                </td>
                            </tr>
                        @endforeach
                    <tbody>
                </table>
            </div>
        </div>
    </div>
@endsection