<xf:title>{$group.title}</xf:title>
<xf:h1>
	<span class="menuTrigger" data-xf-click="menu" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">{$group.title}</span>
	<div class="menu menu--medium" data-menu="menu" aria-hidden="true">
		<div class="menu-content">
			<h3 class="menu-header">{{ phrase('options_groups') }}</h3>
			<div class="menu-scroller">
				<xf:foreach loop="$groups" value="$_group">
					<a href="{{ link('options/groups/', $_group) }}" class="menu-linkRow {{ $_group.group_id == $group.group_id ? 'is-selected' : '' }} {{ $_group.advanced ? 'acp--advanced' : '' }}">
						<xf:if is="$_group.icon">
							<xf:fa icon="{$_group.icon} fa-fw" />
						<xf:else />
							<xf:fa icon="fa-cogs fa-fw" />
						</xf:if>
						{$_group.title}
					</a>
				</xf:foreach>
			</div>
		</div>
	</div>
</xf:h1>
<xf:description>{$group.description}</xf:description>

<xf:pageaction><xf:trim>
	<xf:if is="$canAdd">
		<xf:button href="{{ link('options/add', null, {'group_id': $group.group_id}) }}" icon="add">{{ phrase('add_option') }}</xf:button>
	</xf:if>
	<xf:if is="$group.canEdit()">
		<xf:button href="{{ link('options/groups/edit', $group) }}" icon="edit">{{ phrase('edit_group') }}</xf:button>
	</xf:if>
</xf:trim></xf:pageaction>

<xf:macro template="option_macros" name="option_form_block"
	arg-group="{$group}"
	arg-options="{$group.Options}"
	arg-forceShowAdvanced="{{ false }}" />