@extends('layouts.admin')

@section('contenido')

<div class="container">

    <h3>Detalle del Rol</h3>

    <table class="table table-bordered">

        <tr>
            <th>ID</th>
            <td>{{ $rol->id }}</td>
        </tr>

        <tr>
            <th>Nombre</th>
            <td>{{ $rol->name }}</td>
        </tr>

        <tr>
            <th>Permisos</th>
            <td>
                @forelse($rol->permissions as $permiso)
                    <span class="badge badge-info">
                        {{ $permiso->name }}
                    </span>
                @empty
                    Sin permisos
                @endforelse
            </td>
        </tr>

        <tr>
            <th>Usuarios</th>
            <td>
                @forelse($rol->usuarios as $usuario)
                    <span class="badge badge-secondary">
                        {{ $usuario->name }}
                    </span>
                @empty
                    Sin usuarios asignados
                @endforelse
            </td>
        </tr>

    </table>

    <a href="{{ route('roles.edit', $rol->id) }}"
       class="btn btn-warning">
        Editar
    </a>

    <a href="{{ route('roles.index') }}"
       class="btn btn-secondary">
        Salir
    </a>

</div>

@endsection