@extends('layouts.app')

@section('title', 'Pengurusan Peranan')
@section('page-title', 'Pengurusan Peranan')
@section('page-label', 'Admin')

@section('content')
    <div class="row g-4">
        @foreach ($roles as $role)
            <div class="col-lg-4">
                <div class="card surface-card p-4 h-100">
                    <h3 class="h5 fw-bold">{{ $role->name }}</h3>
                    <p class="text-muted">{{ $role->description }}</p>
                    <div class="small text-muted mb-2">Akses modul</div>
                    <ul class="mb-0 ps-3">
                        @forelse ($role->permissions as $permission)
                            <li>{{ $permission->module }}: {{ implode(', ', $permission->permissions) }}</li>
                        @empty
                            <li>Belum ditetapkan</li>
                        @endforelse
                    </ul>
                </div>
            </div>
        @endforeach
    </div>
@endsection