@extends('layouts.app')

@section('content')
<div class="topbar">
    <div>
        <h1>Perfiles y permisos</h1>
        <p>Administra qué puede ver o hacer cada perfil dentro de COLVADRES.</p>
    </div>
</div>

<div class="panel table-wrap">
    <table class="table">
        <thead>
            <tr>
                <th>Perfil</th>
                <th>Descripción</th>
                <th>Usuarios</th>
                <th>Permisos</th>
                <th>Acciones</th>
            </tr>
        </thead>
        <tbody>
            @forelse($roles as $role)
                <tr>
                    <td><strong>{{ $role->display_name }}</strong><br><span class="helper">{{ $role->name }}</span></td>
                    <td>{{ $role->description ?: 'Sin descripción' }}</td>
                    <td>{{ $role->users_count }}</td>
                    <td>{{ $role->permissions_count }}</td>
                    <td><a class="btn-outline" href="{{ route('perfiles.edit', $role) }}">Configurar</a></td>
                </tr>
            @empty
                <tr><td colspan="5">No hay perfiles registrados.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection