<h3 class="menu-header">{{ phrase('options') }}</h3>
<ul class="listPlain listColumns listColumns--3 listColumns--together">
	<xf:foreach loop="$groups" key="$groupId" value="$group">
		<li class="optionGroup {{ $group.advanced ? 'acp--advanced' : '' }}">
			<a class="menu-linkRow" href="{{ link('options/groups', {'group_id': $groupId}) }}">
				<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>
		</li>
	</xf:foreach>
</ul>
<hr class="menu-separator menu-separator--hard">
<div class="menu-row menu-row--alt">
	<xf:checkbox>
		<xf:option
			selected="{$xf.visitor.Admin.advanced}"
			class="js-advancedModeToggle"
			label="{{ phrase('show_advanced_options') }}"
			data-xf-click="admin-toggle-advanced"
			data-url="{{ link('account/toggle-advanced') }}" />
	</xf:checkbox>
</div>