@php
    $systemRoles = [
        'administrador',
        'empresa',
        'ocupacional',
        'paciente',
    ];

    $isSystemRole = in_array(
        $role->name,
        $systemRoles,
        true
    );
@endphp

<div class="flex items-center justify-center gap-2">

    @if ($isSystemRole)
        <span
            class="inline-flex items-center gap-1 text-xs
                   font-medium text-gray-400"
            title="Rol protegido"
        >
            <i class="fa-solid fa-lock"></i>

            Protegido
        </span>
    @else
        {{-- Editar --}}
        <button
            type="button"
            wire:click="$parent.editRole({{ $role->id }})"
            class="inline-flex h-8 w-8 items-center justify-center
                rounded-lg text-blue-600 transition
                hover:bg-blue-100"
            title="Editar rol"
        >
            <i class="fa-solid fa-pen-to-square"></i>
        </button>

        {{-- Eliminar --}}
        <button
            type="button"
            wire:click="$parent.confirmDeleteRole({{ $role->id }})"
            class="inline-flex h-8 w-8 items-center justify-center
                rounded-lg text-red-600 transition
                hover:bg-red-100"
            title="Eliminar rol"
        >
            <i class="fa-solid fa-trash"></i>
        </button>
    @endif

</div>