<span id="g_{pageId}">
	<a
		class="ug_selector changegroup"
		data-page="{pageId}"
		data-group-id="{groupId}"
		data-groupname="{groupname}"
	>
		<f:if condition="{groupId} == 0">
			<f:then>
				<f:comment>
					No group set -> [not set]
				</f:comment>
				<span class="not_set">
					[<f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:notSet" />]
				</span>
			</f:then>
			<f:else>
				<f:if condition="{groupname}">
					<f:then>
						<f:comment>
							A group name can be resolved
						</f:comment>
						{groupname -> f:format.crop(maxCharacters:20)}
					</f:then>
					<f:else>
						<f:comment>
							Group was deleted -> [deleted]
						</f:comment>
						<span class="not_set" title="{groupId}">
							[<f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:deleted" />]
						</span>
					</f:else>
				</f:if>
			</f:else>
		</f:if>
	</a>
</span>
