@extends('layouts.app')
@section('title','Role & Permission')
@section('content')
<div class="d-flex justify-content-end mb-3"><a class="btn btn-primary" href="{{ route('roles.create') }}"><i class="bi bi-plus-lg"></i> Role</a></div>
<div class="card p-3 table-responsive"><table class="table align-middle"><thead><tr><th>Role</th><th>Permission</th><th></th></tr></thead><tbody>@foreach($roles as $r)<tr><td class="fw-semibold">{{ $r->name }}</td><td>@foreach($r->permissions as $p)<span class="badge text-bg-light border">{{ $p->name }}</span>@endforeach</td><td class="text-end"><a href="{{ route('roles.edit',$r) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-pencil"></i></a><form class="d-inline" method="POST" action="{{ route('roles.destroy',$r) }}" data-confirm>@csrf @method('DELETE')<button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button></form></td></tr>@endforeach</tbody></table>{{ $roles->links() }}</div>
@endsection