<xf:macro name="display_style" arg-prefix="!" arg-displayStyles="!" arg-withRow="1">
	<xf:set var="$inner">
		<xf:radio name="css_class" value="{{ $prefix.css_class ?: 'label label--hidden' }}" listclass="listColumns listColumns--4">
			<xf:foreach loop="$displayStyles" value="$class">
				<xf:option value="{$class}"><span title="{$class}" class="{$class}" data-xf-init="tooltip" style="display: inline">{{ phrase('prefix') }}</span></xf:option>
			</xf:foreach>
		</xf:radio>
		<xf:radio name="css_class" value="{{ $prefix.css_class ?: 'label label--hidden' }}">
			<xf:option value="" selected="$prefix.css_class AND !in_array($prefix.css_class, $displayStyles)" label="{{ phrase('other:') }}">
				<xf:textbox
					name="css_class"
					placeholder="{{ phrase('custom_css_class_names') }}"
					value="{{ ($prefix.css_class AND !in_array($prefix.css_class, $displayStyles)) ? $prefix.css_class : '' }}"
					maxlength="{{ max_length($prefix, 'css_class') }}" />
			</xf:option>
		</xf:radio>
	</xf:set>

	<xf:if is="$withRow">
		<xf:formrow label="{{ phrase('display_styling') }}">
			{$inner|raw}
		</xf:formrow>
	<xf:else />
		{$inner|raw}
	</xf:if>
</xf:macro>

<xf:macro name="prefix_groups" arg-prefix="!" arg-prefixGroups="!" arg-withRow="1">

	<xf:if is="$withRow">
		<xf:selectrow name="prefix_group_id" value="{$prefix.prefix_group_id}" label="{{ phrase('prefix_group') }}">
			<xf:option value="" label="{{ phrase('(none)') }}" />
			<xf:options source="{$prefixGroups}" />
		</xf:selectrow>
	<xf:else />
		<xf:select name="prefix_group_id" value="{$prefix.prefix_group_id}">
			<xf:option value="" label="{{ phrase('(none)') }}" />
			<xf:options source="{$prefixGroups}" />
		</xf:select>
	</xf:if>
</xf:macro>