@extends('layouts.admin')
@section('title', 'Roles')
@section('content')
<x-page-header title="Roles"><x-slot:actions><a href="{{ route('admin.roles.create') }}" class="btn btn-hp-primary btn-sm"><i class="bi bi-plus-lg"></i> Add Role</a></x-slot:actions></x-page-header>
<div class="hp-card"><div class="table-responsive"><table class="table hp-table mb-0"><thead><tr><th>Name</th><th>Users</th><th>Permissions</th><th></th></tr></thead>
<tbody>@foreach($roles as $role)<tr><td>{{ $role->name }}</td><td>{{ $role->users_count }}</td><td>{{ $role->permissions_count }}</td>
<td><a href="{{ route('admin.roles.edit', $role) }}" class="btn btn-sm btn-hp-outline">Edit</a></td></tr>@endforeach</tbody></table></div></div>
@endsection